여러 CSS3 전환 유형 '모든'

Question

나는 규모와 CSS3 전환을 사용하여 불투명도가 모두 전환하기 위해 노력하고있어 - 모든

transition-function: all; 
transition-duration: 1s; 
transition-timing-function: ease-in; 

를 사용하지 않고 내가 여러 가지를 전환하는 방법을 작동하지 않을 수 있습니다

작품처럼 :

transition: all 1s ease-in; 

및

transition-function: opacity; 

또는

transition-function: scale; 

하지만

transition-function: scale, opacity; 

여기에 예를 참조하십시오 : http://jsfiddle.net/5PCGs/7/이

이 어떤 도움이 정말 감사하겠습니다을! 감사 :) !

편집 : 나는 밖으로 일한

이 transition-property (감사 시몬이)하지만 지금은 파이어 폭스에서 불투명도를 애니메이션 것, 둘 - http://jsfiddle.net/5PCGs/9이 - FF와 크롬이 비교 나란히

Answer 1

Boris Zbarsky 및 Simone Vittori 덕분입니다.

대답은 transition-property을 사용하고 거기에서 변형하려는 모든 것을 지정하지 않고 transform을 값 중 하나로 입력하고 클래스 간의 변환 차이를 처리하도록합니다.

transition-property: transform,opacity; 
transition-duration: 1s; 
transition-timing-function: ease-in; 

편집 :는하지 마십시오 당신이해야하는 접두사를 추가 할 수에 대해. 예를 들어 Webkit 브라우저의 경우 :

-webkit-transition-property: -webkit-transform,opacity; 
-webkit-transition-duration: 1s; 
-webkit-transition-timing-function: ease-in; 

다시 한번 감사드립니다!

Answer 2

transition-function 대신 transition-property을 사용해보십시오. 실제로 존재하지 않습니다. :)

각 전환 속성은 여러 전환을 정의 할 수 있도록 쉼표로 구분 된 목록을 허용합니다.