- 번역을위한 웹 사이트 전환 속성

Question

하이.
CSS3의 번역을위한 전환 속성은 무엇입니까? 현재 all을 사용하고 있지만 다른 속성을 테스트하기 위해 iOS에서 버그가 있습니다.

-webkit-transition: ??? .5 ease-in-out; 

 

-webkit-transform: translate(-320px, 0); 

는 iOS 장비 here (수평 슬쩍)로 버그를 참조하십시오, 플래시의 종류가있다.

---

업데이트 :

E { 
    -webkit-transition: all .5s ease-in-out; 
    -webkit-transform: translate3d(0, 0, 0); // perform an "invisible" translation 
} 

// Then you can translate with translate3d(), no bug! 
document.querySelector('E').webkitTransform = 'translate3d(-320px, 0, 0)' 

Answer 1

내 경험은 당신이 전환 할 수 가지의 톤, 쉬운 테스트가 있습니다 관심있는 사람들에게, 나는 Duopixel에 그 덕분에 문제를 해결하는 방법을 발견 불투명.

그러나, 내가 전에 깜박이는 문제가 발생했습니다, 시도 :이 문제를 해결하고 애니메이션이 매우 원활하게 하드웨어 가속에 시작된다

-webkit-transform: translate3d(-320px, 0, 0); 

.

Answer 2

당신의 해결책은 작동하지만, 당신이 찾고 있던 정확한 대답은 -webkit-transform입니다.

-webkit-transition: -webkit-transform .5s ease-in-out;