Bram.us – Page 10 – A rather geeky/technical weblog, est. 2001, by Bramus

Rearrange / Animate CSS Grid Layouts with the View Transition API

Animate elements in a grid layout as new items are added, items change size, etc.

Talk given at Full Stack Antwerp

Slides of the talk “What’s new in CSS” I gave at DevDay

Put your CSS calc() hat on because sin(), cos(), tan(), and friends are available in Chrome 111!

Exploring how browser engines store Specificity and what, if any, its limits are.

Lightning talk on how I recreated Cover Flow using only HTML and CSS, thanks to Scroll-Driven Animations.

Custom properties – even when registered through @property – don’t animate on the compositor.

Because selector matching in browsers happens from right to left, you might end up with more matches than you expected when using .a :is(.b .c).

Leverage CSS :has() to select all siblings between two element boundaries.

When feature detecting support for :has(), use :has(+ *) instead of :has(*)