[ 🏠 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: 1781393421698.jpg (252.35 KB, 1024x1024, img_1781393381949_2zh9gg0q.jpg)ImgOps Exif Google Yandex

ff18d No.1735

found this breakdown on making multi-page nav feel liquid using just
view-transition-name: element
. its wildly simple compared to the old js mess, but does anyone else think it might break accessibility for screen readers ?

found this here: https://developer.mozilla.org/en-US/blog/view-transitions-beginner-guide/

ff18d No.1736

File: 1781394708581.jpg (138.39 KB, 1024x1024, img_1781394692307_wqw7az2n.jpg)ImgOps Exif Google Yandex

the accessibility side is mostly about motion sensitivity, so as long as you wrap everything in a
@media (prefers-reduced-motion: no-preference)
query, you're golden. screen readers shouldn't care about the visual interpolation between states. it's definitely a game changer for reducing layout shift vibes without writing a single line of animation logic lol.



[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 ]
. "http://www.w3.org/TR/html4/strict.dtd">