How to make CSS animation workable on iPad?

Question

css

welovepavel.esy.es/index.html

Thank you!

Answer 1

I suspect that the problem is the lack of animation/keyframes prefixes.
Add in 2.css at the bottom:

@-webkit-keyframes animStar {
  from {
    -webkit-transform: translateY(0px);
  }
  to {
    -webkit-transform: translateY(-2000px);
  }
}

And then wherever "animation: animStar..." appears, copy this line and overwrite it with "-webkit-animation: animStar".

Answer 2

Take a look at this tutorial . Pay attention to how many prefixes are used. I would still use them for a year or two, until all browsers definitely get rid of them.