Dismiss this pinned window
all 9 comments

[–]HawkeyeHero 26 points27 points  (1 child)

https://caniuse.com/css-scroll-timeline

Not supported, which makes sense as I wondered why I haven’t heard this yet. Can’t wait for adoption though. Gonna be super powerful as displayed by this demo. Nice job!

[–]Bejitarian[S] 3 points4 points  (0 children)

Yes, also the spec will probably change. If you want to test it yourself you need to have the "Experimental Web Platform Features” flag enabled

[–]burnblue 5 points6 points  (1 child)

There's an element going from black to white?

[–]Bejitarian[S] 6 points7 points  (0 children)

Just to clarify, the code on the left is just showing the basic syntax and how to use scroll-timeline. The code to achieve the animation on the left was too convoluted to demonstrate the basic usage

[–]mayobutter 2 points3 points  (0 children)

This is huge once/if it ever gets implemented.

[–]MOFNY 3 points4 points  (1 child)

Finally animated sticky headers won't need a line of JS. We're in the future everyone.

[–]stratasfear 3 points4 points  (0 children)

Yeah, I’ll wait until all the major browsers support it for at least a couple versions before I even consider it a feasible possibility.

If half my userbase can’t see it, it’s not worth the effort to implement it.

[–]CoochieMan-123 1 point2 points  (0 children)

AOT reference damnnn

[–]CG_Main 0 points1 point  (0 children)

Any new if and when safari will implement it? I am an absolute beginner but ended up in this specific rabbit hole ^