-webkit-transition-property do tłumaczenia

Question

Hai.
Co to jest właściwość przejścia dla tłumaczeń w CSS3? Obecnie używam all, ale mam błąd w iOS, więc chcę przetestować inną właściwość.

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

 

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

Zobacz bug z urządzeniem iOS here machnięcia (poziomo), jest rodzajem lampy błyskowej.

---

Aktualizacja: dla wszystkich zainteresowanych, znalazłem sposób aby to naprawić dzięki Duopixel:

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

Istnieje mnóstwo rzeczy, które można przejściowym, najłatwiejsze do przetestowania w moje doświadczenie jest nieprzezroczystość.

Jednak Napotkałem problem migające przed, spróbuj:

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

ten rozpocznie się w akceleracji sprzętowej, która rozwiązuje ten problem i sprawia, że ​​animacja niezwykle gładka.

Answer 2

Twoje rozwiązanie będzie działało, ale dokładna odpowiedź, której szukasz, to -webkit-transform.

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