Community Feed

TIL you can do scroll-triggered animations in pure CSS now, no JS needed. What's the coolest CSS feature you've found recently? 👇

Just built a glassmorphism login card in the Playground. Feedback welcome: should I add... Read more

CSS specificity in one line: inline beats id beats class beats tag, and a rule inside a media query carries no extra weight at all.

That last part catches people constantly. Your phone styles are not losing because of t... Read more

Three sliders writing straight into CSS custom properties, so the whole card restyles as you move them.

Nothing re-renders. The browser recalculates what depends on the variable and nothing else, which is why it stays s... Read more

CSS tip nobody told me early enough: min-width on a flex item defaults to auto, not zero. That is why your text refuses to shrink and pushes the whole row off the screen.

Set min-width: 0 and watch the layout behave. #c... Read more

A masonry layout in six lines of CSS using columns. Items of different heights pack together with no gaps and no library.

The catch worth knowing: columns read top to bottom, not left to right, so the order is different... Read more

A dark and light switch that remembers nothing and still works, because the colours are custom properties and the toggle only flips one attribute on the root.

If you add localStorage later, you change one line. #css #de... Read more

Glassmorphism login card. backdrop-filter does all the work, the rest is a border with a bit of white in it.

Works best over something with colour behind it, which is why the background is a gradient and not a flat grey... Read more

A logo ticker that loops with no gap and no JavaScript. The list is duplicated once and the track slides exactly half its width, so the seam never shows.

It pauses on hover, because a moving thing you cannot read is jus... Read more

An accordion built on details and summary. Open one and the others close, which normally needs JavaScript, except the name attribute on details does it natively now.

Keyboard works out of the box because the browser wro... Read more