Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
π63β€26π₯12π6π3
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
β€62π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π2
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