Jump to content
Search Community

Timeline not animating .from y:30, and only animates opacity

DesignCourse test
Moderator Tag

Recommended Posts

In the codepen demo below, you can comment out the top 8 lines of JS and uncomment the ones beneath to see how I intend the animations to unfold.  The purple swirl graphic is supposed to animate from y:30 and opacity: 0 as it does on the non-timeline version.

 

When I try to replicate the coding to work with the timeline, everything works, except the swirl graphic stays hidden while it's supposed to be fading from 0 and moving up 30 pixels.  Any idea why this isn't working?  Thanks a lot, this is for a tutorial I intend on releasing tomorrow, but this is snagging me up!

 

(PS: Not yet responsive, just for desktop!)

See the Pen zYYmroe by designcourse (@designcourse) on CodePen

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...