-webkit- 대 -moz-transition

Question

내 사이트에서 CSS3 전환을 사용 중이며 -webkit-이 작동하는 것처럼 보이지만 -moz-는 그렇지 않습니다.

article {z-index: 2; float: left; overflow: hidden; position: relative; -webkit-transition: -webkit-transform 0.2s ease-in-out; -moz-transition: -moz-transform 0.2s ease-in-out; } 

.mousedown{-webkit-transform: translate(-180px, 0) !important; -moz-transform: translate(-180px, 0) !important; } 

그냥 기사 위에 이는 MouseDown 클래스를 추가 할 jQuery를 사용하여 : 여기

는 CSS입니다.

내가 잘못 가고있는 생각이 있으십니까?

Answer 1

파이어 폭스 4보다 훨씬 더 이상 -moz-transition을 지원합니다. documentation page을 참조하십시오.

Answer 2

업데이트 : 의견보기. 이제 -moz-transition에 대한 지원이 추가되었습니다. 예!

-moz-transition (아직) 같은 것이 없습니다. 미안합니다. Mozilla는 변환을 수행하지만 웹킷은 여전히 ​​유일한 엔진 렌더링 전환입니다.

Answer 3

현재 전환은 Mozilla의 CSS 변환에서 지원되지 않습니다. -moz-전환에 대한

https://developer.mozilla.org/en/CSS/CSS_transitions

Answer 4

지원은 그래서 지금 -moz-전환은 파이어 폭스 3.7 알파 버전에서 작동 또는 지뢰밭 (파이어 폭스는 매일 밤, 게코 1.9.3 (파이어 폭스 3.7)에 추가되었습니다).

Answer 5

오페라 10.5 이후를 지원하고, 웹킷

Answer 6

CSS 전환은 CSS 속성을 변경할 때 애니메이션 속도를 제어하는 ​​방법을 제공합니다. 속성 변경이 즉시 적용되는 대신 일정 기간 동안 속성 변경이 발생할 수 있습니다. 예를 들어, 요소의 색상을 흰색에서 검은 색으로 변경하면 일반적으로 변경 사항이 즉시 적용됩니다. CSS 전환을 사용하면 가속 곡선을 따르는 시간 간격으로 변경 사항이 발생합니다.이 시간 간격은 모두 사용자 정의 할 수 있습니다.