delaying a css rotate
Hi,
from { transform: rotate(360deg); }
to { transform: rotate(0deg); }
do_jQstuff();
I want to rotate an element, but after other animations performed on that element with jQ.
It's not working so far...
css:
@keyframes turn {
from { transform: rotate(360deg); }
to { transform: rotate(0deg); }
}
.turn { animation-name:turn; animation: rotating 2s linear infinite; }
js:
function doEl() {
do_jQstuff();
setTimeout( function() { $(‘#el’).addClass(‘turn’) }, 4800 );
}
what's missing? misplaced?
cheers