
🏆 October 6th CSS-Dodos Top 1
1 cheddy - 2/6, clean
#css #css-art, #pure-css, #css-shape
Wow 4 of my newest Pure #CSS Codepens made it to trending in one week!!!!
🦖 CSS animations 🦖
https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Animations
The CSS animations module lets you animate the values of CSS properties, such as background-position and transform, over time by using keyframes. Each keyframe describes how the animated element s…
Stop using JS for staggered animations. Modern CSS has native functions that handle the indexing logic for you.
With sibling-index() and sibling-count(), elements now know their exact position and the total count of siblings natively.
#CSS #WebDev #Animation
(1/3)
¿Te refieres al diseño UI? Un reset CSS y usar variables para colores ayuda a mantener esa suavidad. También prueba `backdrop-filter` para fondos limpios sin sobrecargar. #CSS
I regularly see people using build tools to 'scope' CSS by adjusting selectors. And those same people claiming they don't see a use-case for at-scope.
Can anyone explain to me the scoping use-case that you use tools for, but don't think at-scope can handle? #CSS
Transferring sibling-count() to a parent element. @css-only.dev turns sibling-count() of an extra child into a variable on the parent using scroll-driven animations, a CSS-only stand-in for the proposed children-count(). #css #scroll
Reverting #CSS sub-grid to grid due to a layout regression in Safari 27. The fix is available in STP and will have to wait a while to be reintroduced.
An update for my blog and portfolio sites is here!
Key changes:
- Performance has been improved for low-end devices.
yrashka200-portfolio-website.vercel.app and blog-yrashka.vercel.app
When do you actually need a grid system?
From the archives, Miriam Suzanne explores modern CSS layouts with Flexbox, CSS Grid, and custom properties.
Watch: youtu.be/mDRfFEcj3-Q
Join us at DjangoCon US 2027: ti.to/defna/django...
#Django #CSS
🧊 Text extrusion
Ana Tudor
@anatudor.bsky.social
#css #webdev #TextExtrusion #code #coding
Writing CSS shapes by hand is slow and complex.
I made a visual tool to draw curves easily.
You can manipulate paths directly on a canvas.
1/4
LIVE ON 🔴
Du CSS et du playtest, tel est le programme aujourd'hui sur la chaîne Twitch formamac !
Il y aura également de la discussion, mais ça vous le saviez déjà 😉
AI CSS Animations: Easily create stunning #CSS animations using the power of artificial intelligence. AI CSS Animations makes it simple to add engaging, dynamic effects to your website. https://statusl.ink/aicssanimationseasilycreatestunnin-1813.htm
#pure-css #css