How to create a customizable 'flipped' border-radius in CSS ↓

This border-radius transition 🤌🏽 Believe it or not, it's... just CSS.show more

The new corner-shape CSS property unlocks exciting new UI... patterns. corner-shape: bevel round; border-radius: 1em 0 / 3em 0;show more

Two ways to create responsive input fields in CSS ✨

📌 2 lines of CSS to create a responsive Grid

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

No JavaScript needed 2 lines of CSS to create... a swipe animation ✨show more

💡CSS Tip! Create a tooltip that follows an anchor... with modern CSS! No JavaScript is used to control the position of the tooltip or its tail. It's 100% CSS magic!show more

"border-radius and shape-outside" by Shannon Moeller

Styling with Tailwind feels like being trapped in a... cage. You get some speed at the start, but the moment you want real control you're stuck. Only pure CSS gives you raw power. Change one variable and the border-radius updates everywhere in your UI. That's it. You can't beat that.show more

Probably the most annoying thing for me in animations... / scrollable content is how easy it is to just clip the content. Even if there is no border around to clip it with, adding masks is a one-liner in css now. (slowed down transition)show more

Soon, thanks to AI, we’ll be able to turn... any 2D character we create in Midjourney into fully customizable 3D assets!show more

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

How to get fixed background - CSS

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

I used ChatGPT to create the Matrix in 49... lines of HTML/CSS/JS. Hard to believe this took just 5 mins.show more

It took 40 minutes and 0 tears to create... this toggle 😛 Just CSS and HTML. Link to CodePen in comments 👇show more

Create toolbar navigation with CSS, HTML and JavaScript 🚀... Code in the comments 👨‍💻show more

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

Create responsive footer using just HTML and CSS 🚀... Code in the comments 🧑‍💻show more