Creating carousels in CSS has never been smoother, thanks to Scroll Snap and the Scroll-Driven Animations!
CodePen: https://t.co/gCuMhMSPXa
Built with @openprops#CSS#webdevelopment
The future of the web is more native than you think!
Check out this customizable select element with an animated backdrop.
CodePen: https://t.co/1MSUwrbEPH
#CSS#WebDevelopment@CodePen
@wongmjane@stylexjs I remember Nmn mentioning that Stylex could be used as shared utility classes, but this is the first time I’ve seen it with examples, thanks for sharing!
@wongmjane@stylexjs That’s right, I saw that in the docs too. Did you use the same approach for pseudo‑classes and build utilities for them? That part seems a bit tricky.
I re-created @openprops shadows with the new CSS function. This spec is wild ♥️ and it solves problems we’ve been chasing in CSS for years.
Demo 👉 https://t.co/5Mz9TW3ToD
#CSS#WebDev
@ChallengesCss Totally! `a.btn {}` works the same here.
But I like `:is()` for style colocation, it keeps `.btn` as the main hook.
And with `:where()`, specificity isn’t a worry since it squashes to 0
```
:where(.btn:is(a)) {
text-decoration: none;
}
```
Hero in Monochrome
The elegance of OKLCH in action: adaptive color with built-in accessibility
Built with @openprops
CodePen: https://t.co/4XX2qMn5OU
#CSS@CodePen#WebDevelopment
@wesbos Yes! it’s super powerful. It helps colocate styles.
```#CSS
.card {
/* ... */
[data-theme="dark"] & {
/* ... */
}
}
```
But as always with great power comes great responsibility.