0:000:31
Post by jhey ʕ•ᴥ•ʔ
Future CSS Tip! 🔮 Scroll-linked animation powered by CSS 🤯 header { view-timeline-name: --head; } .avatar{ animation: size; animation-timeline: --head; animation-time-range: exit 0% 50%; } @ keyframes size {to{scale: 0.3;}} See the changes? 🧐 Demo link/info below! 👇
Why it is here
A header avatar that shrinks as you scroll, driven by CSS view timelines with no JavaScript.
- Likes
- 1,6681.7K
- Replies
- 19
- All-time rank
- #81
- Week
- W372022
Went viral
Posted on X
