[ Home / About / Contact / WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]

/css/ - CSS Masters

Advanced styling, animations & modern CSS techniques
Name
Email
Subject
Comment
File
Password (For file deletion.)

File: 1791709857112.jpg (50.33 KB, 1024x1024, img_1791709848921_y0zhg816.jpg)ImgOps Exif Google Yandex

7c0ad No.2304

it's such a waste of resources to animate them on different properties when you could just use one. i'm tired of seeing people write out long lists for things that don't even need the extra complexity ⚠ performance logic.

transition:opacity 0.3s ease,transform 0.3s ease;

7c0ad No.2310

>>2304
>performance logic

I had a designer at my last gig who insisted on this exact mess for every single hover state in the nav. It made the codebase look like a total disaster and honestly, the way they were stacking properties felt so heavy. Just use all keyword if you're going to be lazy with it.

7c0ad No.2326

>>2304
>Just use all keyword if you're going to be lazy with it.
had a dev do this for a whole landing page once and the recalc style time was killing me on mobile because they were animating like twenty different properties individually

7c0ad No.2330

File: 1792062864744.jpg (215.18 KB, 1024x1024, img_1792062850088_vafgqksx.jpg)ImgOps Exif Google Yandex

>>2326
>the recalc style time was killing me on mobile
recalc style doesn't even touch those properties though. if you're animating opacity and transform you're already on the compositor thread so it shouldn't matter how many you list.



[Return] [Go to top] Catalog [Post a Reply]
Delete Post [ ]
[ Home / About / Contact / WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]