Jump to content
Search Community

keyframes does not work in version 3.7.1

Leemoon test
Moderator Tag

Recommended Posts

Hey there,

 

it does work, you just need to define your duration and delay inside of each keyframe object, if I am not missing something from the docs

 

keyframes To animate the targets to various states, use keyframes - an array of vars objects that serve as to() tweens. For example, keyframes: [{x:100, duration:1}, {y:100, duration:0.5}]. All keyframes will be perfectly sequenced back-to-back, but you can define a delay value to add spacing between each step (or a negative delay would create an overlap).

 

See the Pen 6a98910ae0579d970f11b838f8c28458 by akapowl (@akapowl) on CodePen

  • Like 3
Link to comment
Share on other sites

You're absolutely right - there was a regression in 3.7.0 that caused the default duration not to be inherited in keyframes. That's fixed in the next release which you can preview [compressed] at https://assets.codepen.io/16327/gsap-latest-beta.min.js

 

Of course a workaround in the current version is to define "defaults" or to set a duration for each keyframe. 

  • Like 2
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...