I am trying to start using some CSS3 transitions on responsive site I'm making and everything is working perfectly on desktop Chrome, and Chrome on Android but it's not working properly on ios devices for both Chrome and Safari.
The CSS snippet I'm using for my menu, for instance, is below:
transition: left 1s;
-webkit-transition: left 1s;
-webkit-transform: translate3d(0, 0, 0);
Avoid using absolute positioning transitions it takes lot of resources, instead try using
transform: translateX(0) for horizontal adjustment