Derek Briggs on X: "Here’s a strategy I use for more natural looking shadows: Adjust your shadow stack sizes to account for a negative spread that’s 1/2 the amount of the Y. To make it even easier, I use a matching Y and Blur for each shadow layer and then set every layer to the same color/opacity. https://t.co/jrYWkr42Bh" / X
Artur Bień on Twitter
Realistic glass backdrop 🤯In reality we see glass objects reflecting light even before they are placed directly between our eyes and the light source.CSS backdrops, however, blur only intersecting objects. But I've found a solution to that!Here's a demo on @linear website pic.twitter.com/2Lqp2GVAer— Artur Bień (@artur_bien) September 27, 2023
Dan Hollick on Twitter
Sebastian Graz on Twitter
“Using border-image sprites for device borders can save you 20x in file size.
Huge bonus is that it also works with long shadows that would normally kill the browser if it was pure CSS.
One of my assets went from 628kb to 28kb (AVIF)☠️”