JAVASCRIPT

define keyframes with javascript

document.getElementById("tunnel").animate([
  // keyframes
  { transform: 'translateY(0px)' },
  { transform: 'translateY(-300px)' }
], {
  // timing options
  duration: 1000,
  iterations: Infinity
});

js keyframe

$ . sleutelframe . define ( { 
    naam : 'ball-roll' , 
    van : { 
        'transform' : 'rotate (0deg)' 
    } , 
    naar : { 
        'transform' : 'rotate (360deg)' 
    } 
} ) ;

js keyframe

< script  src = ' /path/to/jquery.keyframes [.min ] .js ' > </ script >

js keyframe

var  ondersteundFlag  =  $ . sleutelframe . isSupported ( ) ;