It’s still a touch early to truly adopt these two features (only Chrome and Edge have full support today), but it can’t hurt to explore both Anchor positioning and scroll-driven animations to get an overview of just what could be done in the near future – it's a nifty effect!
Please open Telegram to view this post
VIEW IN TELEGRAM
👍27🔥5❤4😁2
Just drop in the base stylesheet, then use the provided CSS variables that provide built-in “shades” for each color.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥12👍10❤7💅4
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤61👍31🔥8🙉3👎2
Box shadows in CSS can be layered. You can apply multiple box shadows for the same element. This is generally used for a rich and realistic box shadow, but what's stopping us hacking this 🤭
▪️ Here we create a box shadow with 0 blur and some offset to create a duplicate layer
▪️ Then we create a similar layer but a pixel more of spread, to create a pseudo border
▪️ Finally another actual box shadow layer
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍38❤18👏7😁1
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥35👍13❤9🥰2👏2