How to improve css animation so that it works adequately both on PC and tablets and phones?

Question

css

Hi all! My site is a link .
How can you optimize animations? It seems to have done everything possible, but there is no smoothness on the tablets.
Can you advise another option for implementing this animation, which is faster. And how would you rate my code?
Also, please rate the main.js code, I really want to hear constructive criticism. Thank you for your attention!
PS I noticed problems with rendering in the Chrome browser on Ubuntu 14.04 with the Gnome shell - white cubes appear, although fps does not fall below 30. On Unity with characteristics 2 times worse, everything is perfect.

Answer 1

Maybe this will help Smooth animation on iPhone and iPad