search

LadybirdBrowser / ladybird

Truly independent web browser
https://ladybird.org
BSD 2-Clause "Simplified" License
22.36k stars 994 forks source link

CSS Animations: Scroll animations get choppyer the larger they get #621

Open versecafe opened 4 months ago

versecafe commented 4 months ago

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/

AtkinsSJ commented 2 months ago

There's been a bunch of performance work recently related to painting, and this is running smoothly for me now (apart from characters snapping to pixels). Is it still an issue for you?