what will happen if i apply a jquery animation to an element which already have a css animation?
html:
- <div class="loader"></div>
css:
- .loader{
- animation : turn 2s infinite;
- }
- @keyframes turn{
- /* turn a half round */
- }
js:
- var loader=$(".loader");
- loader.style.animationPlayState="paused";
- loader.animate({"transform":"rotate(360deg)"},300,"linear");
if i pause a css animation and then start a jquery animation,
what will happen?