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

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

I love animating using 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

Responsive grid layout using HTML and CSS 🚀

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

Mfs will literally shadow box anywhere 😂

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

Introducing the shadow plugin Carefully crafted smooth shadows. CSS-only,... works everywhere. Comes with free agent skills.show more

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

Made this 404 error page just using CSS ✅... Code 👇show more

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