We recently got the shape() function and corner-shape property. What else could we possibly need as far as making shapes in CSS? Let me tell you: the border-shape property!
Powered by
DigitalOcean
The soon-Baseline sibling-index() function for animations, CSS and the 2026 FIFA World Cup, use cases for the infinity keyword, container “stuck” queries, and more.
Read all about boundary-aware CSS, accessible grid lanes, time-based web designs, full-bleed, the customizable select, and new web platform features.
I know you’re busy, so for What’s !important #14, I’ll be sprinting through what’s been a stacked couple of weeks despite few browser updates. From CSS Quake to CSS Gap Decorations, this isn’t one to miss!
CSS has always had pseudo-classes that style things based on user interactions. Recent features, however, are blurring the line between what CSS “listens” for and how they are alternatives to what Javascript typically listens for.
Sometimes designers have silly ideas that eventually grow on you. That happened to me with this concept where I had […]
@function --font-size() returns { }
@custom-media --tablet (768px <= width <= 1024px);
.element { transform: rotate(45deg); }
.element { transform: rotateY(60deg); }
.element { transform: rotateY(30deg); }
.element { transform: rotateZ(90deg); }
.element { animation-timeline: view(); }
.element { animation-timeline: scroll(); }
