Hi,
I built a very simple animation with background Opacity an Logo/SVG Invert.
The problem is: it runs perfectly on Desktop in different browsers, on iPad OS 15.7 and … on iPhone XR with IOS 16.
But … it does not run on iPhone 13 with IOS 16.
And not on iPhone 7 with IOS 15.7
The animation idea is:
- Starting with an Image with dark overlay
- Logo and Hamburger (inverted to white) appearing from above
- Text sliding in from above
- after a few seconds the overlay turns to 0% opacity, the image is bright
- Logo and Hamburger inverting to normal
Thats all.
What is the problem with (my?) iPhone 13 and iPhone 7? (and maybe more?)
https://dev22.ruppel-architekten.de