Help with Web Animations

[irfan mir]

Dear Polymer Devs,

I was wondering if someone could lend me a quick-hand in web animations.

I'm trying to animate two properties at the same time ( opacity and left ), have the animation not reset after it is done, and, if possible, not have a starting keyframe, just ending the animation once these properties have been met.

Something similar to the following css animation:

@keyframes{

    to{

        opacity:0;

        left:1024px;

    }

}

How can I achieve something like this with Web Animations and the Web Animations Polyfill for now?

I want to animate only to a value / keyframe containing 2 properties and not have the animation reset once it is done.

Thanks in Advance,

Irfan

[Rob Dodson]

Are you including a fill property with your animations? I believe you'll need to say something like fill: 'forward'. You can read more on fill here: https://github.com/web-animations/web-animations-js

Follow Polymer on Google+: plus.google.com/107187849809354688692
---
You received this message because you are subscribed to the Google Groups "Polymer" group.
To unsubscribe from this group and stop receiving emails from it, send an email to polymer-dev...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/CAMPj_Roqhn%2B-wqCa5EQ%3DWx9UvKxtTWtYivtV7dNqdTi1LQesqA%40mail.gmail.com.
For more options, visit https://groups.google.com/d/optout.