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([
  // keyframes
  { transform: 'translateY(0px)' },
  { transform: 'translateY(-300px)' }
], {
  // timing options
  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)' 
    } 
} ) ;