Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Attribute Delay, Iterations, Fill not working #33

Open
grvraj82 opened this issue Mar 14, 2018 · 0 comments
Open

Attribute Delay, Iterations, Fill not working #33

grvraj82 opened this issue Mar 14, 2018 · 0 comments

Comments

@grvraj82
Copy link

grvraj82 commented Mar 14, 2018

<div class="small"><img src="images/01.jpg" /></div> var smallContent = document.querySelector('.small'); new KeyframeEffect(smallContent, [{ 'opacity': 1 }, { 'opacity': 0 }], { duration: 7, fill: 'forwards', delay:5000, iterations:1 })

In the above keyframe effect, the below mentioned options are not working:

  1. Delay
  2. Iterations
  3. Fill

From html page we can only call either “play()” to start the animation or “cancel” to stop and remove the animation.
How to handle “Pause” and “Finish” animations?

Also, no documentation regarding, how to pass values to “additionalTimelines_” variable of “WorkletAnimation” class.
Need your input.

Tried Browser versions:

  1. Google Chrome - 64.0.3282.186
  2. IE 11
  3. IE Edge
@grvraj82 grvraj82 changed the title Attribute Delay, Iterations, Fill Attribute Delay, Iterations, Fill not working Mar 15, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant