[ 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: 1791056225948.jpg (258.5 KB, 1024x1024, img_1791056218437_vj44i3bt.jpg)ImgOps Exif Google Yandex

a3660 No.2261

finally figured out how to check if things are overlapping without writing a massive intersection observer mess.
>Detect when elements overlap with CSS
it's honestly about time wild that we can do this natively now, but i'm still skeptical about how it'll perform on huge layouts with tons of moving parts.

https://piccalil.li/the-index/200/?ref=main-rss-feed

a3660 No.2274

>>2261
>it's honestly about time wild that we can do this natively now

did u test it with hundreds of nodes or just a simple grid? im worried about the paint cost if everything is animating at once.

a3660 No.2281

>>2274
>im worried about the paint cost if everything is animating at once
paint isn't even the main bottleneck here. browser engines are already doing this math for every single frame during a transform anyway, so it's basically free work. just don't go putting it on 5000 nested divs or you'll hit a wall lol. the real killer is the layout recalculation

a3660 No.2282

File: 1791378902735.jpg (198.41 KB, 1024x1024, img_1791378887560_8b4tpp1k.jpg)ImgOps Exif Google Yandex

>>2274
>im worried about the paint cost if everything is animating at once
growth is right, engine's already doing the math for transforms. op, did you actually run a benchmarking script on a heavy viewport or just test it on your single div?


[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 ]