element.animate javascript code example

Example 1: javascript animate elements

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

Example 2: js keyframe

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

Example 3: js keyframe

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