ladybird icon indicating copy to clipboard operation
ladybird copied to clipboard

CSS Animations: Scroll animations get choppyer the larger they get

Open versecafe opened this issue 7 months ago • 1 comments

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/

versecafe avatar Jul 14 '24 00:07 versecafe