CSS tip: you can finally animate to height: auto.
This is a design post classified by AGK Intelligence as Design-to-code (a tutorial), kept by the Design Radar because it carries real work, not commentary.
CSS tip: you can finally animate to height: auto. :root { interpolate-size: allow-keywords; } .panel { transition: height 0.3s; } Accordions open and close smoothly, no JS measuring. Browsers without support just snap, so it's safe to ship today.
Posted by Marko Denic (266.6k followers) 3 days ago · 292 likes · 12.2k views · view the original post on X. Kept by the Design Radar as Design-to-code.
More design work like this
- Build interactive prototypes without losing the thinking behind the screens. — @DanKornas
- Switching to another dimension. — @iliazolotukhin
- https://poulis.co is now off framer and fully on code, with a custom submission form… — @poulisn
- I'm playing with a blog redesign and found `text-wrap: balance`. It's from 2023, but new… — @brandur
- 2nd day UI exploration for fun - tea boiler physical dial and interface — @stevelauda_
- Code Piano browser instrument by @Muzzi_designs — @movindesign_
- I was shocked that 3/4s of designers work in coding agents rather than design tools.… — @maayanalbert
- Deslop card UI using /design from Command Code. — @naymur_dev
Every post is read and classified by AGK Intelligence: what it is, which market it belongs to, and whether the link is a real tool. 13.9k posts from 5k X accounts over the last 21 days, 2.6k tools, 17 markets. New posts are collected several times an hour and the full ranking is recomputed every hour — last update 2026-11-08 18:48 UTC. Full method.