Laurids on Twitter / X
CSS effect cursor faint glow over button
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
jhey 🔨🐻✨ on Twitter
There's a CSS debug for ya! 🤙😅[debug] * { outline: 4px dashed hsl(320 100% 50%);} https://t.co/JK8DPOoB0k— jhey 🔨🐻✨ (@jh3yy) August 19, 2023
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)☠️”
Dan Hollick 🇿🇦 on Twitter
depth effect using CSS blurs that progressively brings things "into focus" or un-blurs based on background proximity
Thomas Cullen on Twitter
“Some people have been asking how the top section for this page was built. It was a ton of fun to make so here's a breakdown of how it was made… 🧵”
matt rothenberg on Twitter
✨hacky ✨ CSS version featuring copious amounts of @tailwindcss !https://t.co/OWWnyXJtt9 pic.twitter.com/fQQYBdEb0u— matt rothenberg (@mattrothenberg) December 20, 2022
David Svezhintsev 🌸 on Twitter
Curious how I managed to animate it? Here is a timelapse of about 1 hour animation work in Rive!https://t.co/ynCHrOrJe3— David Svezhintsev 🌸 (@daveranan) November 15, 2022
Per Harald Borgen 🇺🇦 on Twitter
CSS Grid is amazing. Just by adding a single line of code, this image grid becomes fully responsive 🤯 pic.twitter.com/sIQUcHhved— Per Harald Borgen 🇺🇦 (@perborgen) October 14, 2022
Shu on Twitter
I like this idea a lot and after many years, finally brought it to life... CSS-only magnifier! The demo doesn’t have any JavaScript.Will share the code next week, but I believe some of you can already figure it out :D pic.twitter.com/rTs8aFj2uj— Shu (@shuding_) September 18, 2022
Steve Sewell on Twitter
Make super cool swipe-over sections like Apple in pure CSS!Try it in code: https://t.co/OUvhtQK5IPTry it in @builderio: https://t.co/5RMA37TdIr pic.twitter.com/lOiUdFeHx1— Steve Sewell (@Steve8708) June 25, 2022
HOVERSTAT.ES on Twitter
Smart use of a layered mask image with blur filter to create a dreamlike experience for this single-page lookbook. by @okokservices pic.twitter.com/HVCCFyl9vm— HOVERSTAT.ES (@hoverstates) June 16, 2022