CSS by T. Afif :verified: on Nostr: A Chrome-only experimentation using Scroll-Driven Animations and modern CSS. I am ...

A Chrome-only experimentation using Scroll-Driven Animations and modern CSS. I am transforming the native <progress> element into a circular one (no extra html is used).

Demo: https://codepen.io/t_afif/full/ZEgjNxm via npub19qceztjxtkkj8qd6d5x0ya3r9whzyu9yljdv0f6jw8y8v704dxmqd8zcnq (npub19qc…zcnq)

Online Version: https://css-tip.com/circular-progress/

(an article is in progress)

#CSS #HTML