'Safari keyframes position change doesnt work
I've faced the problem that safari doesn't change the position property in @keyframes.
Here is the example: https://codesandbox.io/s/blissful-keller-tb66vb?file=/src/styles.css
What I want to do here is to play animation on element with fixed position and at the very last frame make it absolutely positioned so that it appears on the green line in the middle of the page. In chrome, firefox, etc. it works as I expected, but in safari it stays fixed after animation finished. How can I force the element to be absolutely positioned after animation played?
Safari ver.13.0.3
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|