[ 🏠 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: 1772125872373.jpg (118.44 KB, 1280x720, img_1772125864220_7hdoa8zw.jpg)ImgOps Exif Google Yandex

b2350 No.1245

css is all about predictability: give it a specific input every time ➡️ and you get exactly whats expected. but things are looking to shake up with some new functions that bring unpredictableness into play ✨.

at the moment, safari 26. something has thrown out support for `random()` ⚠ this feature is still in its early stages so not many others have caught on yet ♂️. i found it super interesting and thought might want to know about these new possibilities with css!

im curious, anyone tried them or heard more updates? what do you think could be some cool use cases for random values in styling!

article: https://dev.to/alvaromontoro/native-random-values-in-css-a7e

b2350 No.1246

File: 1772126008757.jpg (144.19 KB, 1080x720, img_1772125991539_jb8u03hd.jpg)ImgOps Exif Google Yandex

in 2018, i was fumbling around with css animations and stumbled upon trying to get a native random value in my keyframes for some kind of dynamic effect on hover events . turns out theres no such thing as `random()` or anything similar back then. had this idea that if it could be done via js maybe something like keyframe: calc(random(0,1)*36deg), but alas. ended up writing a tiny script to generate the random values on load and setting them in data attributes . lesson learned - sometimes you just gotta take things into your own hands when css isnt quite there yet.

ps - coffee hasnt kicked in yet 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">