> All in One 586: Building a Scrollable and Draggable Timeline with GSAP

Ads

Wednesday, February 2, 2022

Building a Scrollable and Draggable Timeline with GSAP

Here’s a super classy demo from Michelle Barker over on Codrops that shows how to build a scrollable and draggable timeline with GSAP. It’s an interesting challenge to have two different interactions (vertical scrolling and horizontal dragging) be tied together and react to each other. I love seeing it all done with nice semantic markup, code that’s easy to follow, clear abstractions, and accessibility considered all the way through.

To Shared LinkPermalink on CSS-Tricks


Building a Scrollable and Draggable Timeline with GSAP originally published on CSS-Tricks. You should get the newsletter and become a supporter.



from CSS-Tricks https://ift.tt/KZD3dAmVC
via IFTTT

No comments:

Post a Comment

JavaScript for Everyone: Destructuring

Editor’s note: Mat Marquis and Andy Bell have released JavaScript for Everyone , an online course offered exclusively at Piccalilli. This p...