CSS by T. Afif :verified: on Nostr: Animating to height: auto with only 3 lines of code! 👀 & { interpolate-size: ...
Animating to height: auto with only 3 lines of code! 👀
& { interpolate-size: allow-keywords; }
p { transition: 1s; }
p:not(:hover) { height: 5lh; }
Demo: https://codepen.io/t_afif/pen/BaXyWbd via
npub19qceztjxtkkj8qd6d5x0ya3r9whzyu9yljdv0f6jw8y8v704dxmqd8zcnq (npub19qc…zcnq)
Online Version: https://css-tip.com/animate-height-auto/
Haters will say it's chrome only but haters still make jokes about centering in CSS 🤷♂️
#CSS #HTML
& { interpolate-size: allow-keywords; }
p { transition: 1s; }
p:not(:hover) { height: 5lh; }
Demo: https://codepen.io/t_afif/pen/BaXyWbd via
npub19qceztjxtkkj8qd6d5x0ya3r9whzyu9yljdv0f6jw8y8v704dxmqd8zcnq (npub19qc…zcnq) Online Version: https://css-tip.com/animate-height-auto/
Haters will say it's chrome only but haters still make jokes about centering in CSS 🤷♂️
#CSS #HTML