Jump to content

Search In
  • More options...
Find results that contain...
Find results in...

Animation synced

Recommended Posts

Hello, I'm trying to sync the line (as you will see in the demo) with the rest of the animation--more specifically with the bullet points. I want the bullet points to fill in once the line reaches them. You can see an example of a working demo here Ritual.com Product Page. Scroll down a bit and you will see what I was using as inspiration.


I was playing around with the duration and delay on the timeline but can't get it to sync up with the rest of the animation. The line either goes down too fast or skips over the bullet point before being filled in.




See the Pen WNbpGxG by homedepot (@homedepot) on CodePen

Share this post

Link to post
Share on other sites

fantastic, really appreciate the technique. I like the idea of splitting the line into 3 separate segments--200 iq move. Much easier to handle especially with the variance in height measurements. very awesome Mikel ?, thanks!

  • Like 1

Share this post

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    No registered users viewing this page.