Design inspiration curated from X

i wasn't aware of `animation-timeline` css property if I be honest.... - Soren

Published by Soren on October 25, 2025.

i wasn't aware of `animation-timeline` css property if I be honest. with it you can use css `scroll()` function to tie an animation with the scroll progress of a scrollable element. here im animating a `mask-image`s siz...

Design notes

i wasn't aware of `animation-timeline` css property if I be honest. with it you can use css `scroll()` function to tie an animation with the scroll progress of a scrollable element. here im animating a `mask-image`s size based on the scroll progress with `2rem` of threshold.

This entry is part of Northlight's curated archive of interface, product, brand, website, and motion design references from public creators on X.

Image rights and licensing remain with Soren; use the original X post for source and licensing inquiries.

Reference details

Creator
Soren
X handle
@sorenblank
Published
October 25, 2025
Media
1 visual reference
Views
122,040
Likes
1,485
Bookmarks
1,589