What’s !important #13: @function, alpha(), CSS Wordle, and More

— Una Kravets (@una.im) 13:28 · Jun 3, 2026

Also, Chris Coyier showed us how to animate <dialog>s, which I think many of us know how to do already, but it’s so easy to mess up. I have to Google it every time (it’s those bleeping @starting-styles).

What happened at CSS Day 2026?

CSS Day, the annual CSS community conference, was held in Amsterdam on the 11th and 12th of this month (so two days, technically). While there wasn’t a livestream this year, recordings will become available in late June. Until then, check out CSS Day on Bluesky as well as the #CSSDay Bluesky feed to see what happened on stage, what happened behind the scenes, and even the slides from some of the talks.

And no, there weren’t any flamethrowers this year, but it wasn’t DOOM-free either (if you know, you know).

CSS Wordle

What a week it’s been, especially with everything that transpired at CSS Day, but if you have any energy left I highly recommend a round (or several rounds) of Sunkanmi Fafowora’s CSS Wordle, which I’ve literally been obsessed with for the last week.

New web platform features and updates

• Chrome 149
  • Gap decorations (now Baseline)
  • image-rendering: crisp-edges (now Baseline)
  • rect() and xywh() for shape-outside (now Baseline)
  • path() and shape() for shape-outside (no Safari or Firefox support)

Until next time!