Add several animations
Im trying to add several animations to an element by using JS because it's a dynamic element, the problem is the element.style.animation apparently only allows one declaration I cant add by using string concatenation like this :
I also can't declare them both (comma separated) because one is added when dragging and the other when the element is created.
Since the declaration above takes precedence the other one is overwritten so how to add several animations ? I thought maybe adding custom props for each animation and adding class with both animations declared using the custom props? but Is there a way in JS ?? thx
fiddle here : https://jsfiddle.net/dhea7rqk/1/
I also can't declare them both (comma separated) because one is added when dragging and the other when the element is created.
Since the declaration above takes precedence the other one is overwritten so how to add several animations ? I thought maybe adding custom props for each animation and adding class with both animations declared using the custom props? but Is there a way in JS ?? thx
fiddle here : https://jsfiddle.net/dhea7rqk/1/
JSFiddle - Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle.
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Recent Announcements
Similar Threads
Was this page helpful?
