ladybird
ladybird copied to clipboard
CSS Animations: Scroll animations get choppyer the larger they get
Provides an example with the scroll animation here not using a marquee element sadly as the screen size increases the animation gets progressively choppier, the underlying CSS for this is a 15 second linear translation on the X axis about as simple as it can get.
https://github.com/user-attachments/assets/94a771c7-5784-4e23-ae24-88b6c0f86bbf
https://github.com/user-attachments/assets/73d66b56-374b-4151-b886-37425eaef940
https://github.com/user-attachments/assets/89c38851-cb48-4823-beba-12a9c21849cc
This scales as the animation is expanded the larger the section the jumpier this gets, might be due to floating point precision but that would be weird to see at such a small scale, site is here if anyone wants to try and patch it https://versecafe.vercel.app/