This is very pretty
Reposted from
Jhey ʕ·ᴥ· ʔ
CSS scroll-driven contents island 🏖️
:root {
animation: sync;
animation-timeline: scroll();
counter-reset: p var(--p);
}
@keyframes sync { to {--p: 100;}}
.p::before { content: counter(p) '%';}
wild how far you can get with CSS alone 🫶
:root {
animation: sync;
animation-timeline: scroll();
counter-reset: p var(--p);
}
@keyframes sync { to {--p: 100;}}
.p::before { content: counter(p) '%';}
wild how far you can get with CSS alone 🫶
Comments