Little skeumorphic button experiment using css box-shadow

Little progressively enhanced CSS border reveal button using mask... && @​property .border-button:hover { --complete: 100; } .border-button::after { transition: --complete 0.4s; mask: conic-gradient( from var(--from), #000 var(--complete), ); }show more

Future CSS Tip! 🤞 You could create an image... zoom/crop using the CSS object-view-box property 🔍 img { object-fit: cover; object-view-box: inset( var(--top) var(--right) var(--bottom) var(--left) ); } CodePen.IO link below! 👇show more

Button Experiment 2 LIVE, Sunday 1PM EST

A little Framer experiment using Mapbox. An animated map... to show your location ☁️✈️show more

I love animating using CSS.

To all the devs telling me my button style... was impossible to build with code. I did it in Webflow in 10 minutes using only HTML/CSS. No SVGs.show more

glow with care 👨‍🍳 stack css drop-shadow() with increasing... blur and saturation + brighten the text color one shadow ≠ glowshow more

Responsive grid layout using HTML and CSS 🚀

css trick for the "shine" border 🧑‍🍳 take a... pseudoelement position + give it an inset box-shadow mask it off at an angle with a linear-gradient 🤙 bonus: use corner-shape: squircle + rotate on pointer moveshow more

"Avatar Indicators, using CSS Mask / Trig" by Simon Goellner

Mfs will literally shadow box anywhere 😂

Tailwind CSS Tip ✨ You can create a pure... css carousel in Tailwind CSS using scroll snap. Live demo ↓ (21/30) follow for 9 more tips 🔔show more

made only using css. no js listener used. took... me longer than i thought it would. for hover state im doing `:has(*:is(.sidebar-icon-trigger:hover` so much you can do in css using pseudo classes. invest in css.show more

created this animated vestaboard, made using Next.js and Tailwind CSS

Love this little CSS steps trick for animations

I made a version of this using only modern... CSS. 👀show more

Create this layout using nested css grids and media... queries 💪show more

Create this responsive flex layout using just HTML and... CSS 🚀show more

messin' with css frosted + saturated borders using background-clip... + backdrop-filter 👨‍🍳show more

Create sidebar using HTML and CSS 🚀 Code in... the comments 👨‍💻show more