keyframes js code example
Example 1: keyframe in css
@keyframes mymove {
0% {top: 0px;}
50% {top: 50px;}
75% {top: 40px;}
100%{top: 0px;}
}
Example 2: javascript animate elements
document.getElementById("tunnel").animate([
{ transform: 'translateY(0px)' },
{ transform: 'translateY(-300px)' }
], {
duration: 1000,
iterations: Infinity
});
Example 3: js keyframe
< script src = ' /path/to/jquery.keyframes [.min ] .js ' > </ script >
Example 4: js keyframe
var ondersteundFlag = $ . sleutelframe . isSupported ( ) ;
Example 5: js keyframe
$ . sleutelframe . define ( {
naam : 'ball-roll' ,
van : {
'transform' : 'rotate (0deg)'
} ,
naar : {
'transform' : 'rotate (360deg)'
}
} ) ;