Plugin jquery for multiple purposes of HTML5.
Site:
http://egeon.es
Example of Background Animate 100%:
http://je5.es/je5-background-animate-100.html
</head>
<body>
<h1 style="font-family: Verdana; color: #fff; background-color: rgba(0, 0, 0, 0.3); padding-right: 10px; padding-left: 10px; font-size: 3.4em; margin-top: 0.5%;"> je5 Background Animate 100%</h1>
<script>
$('html').je5({
sort:'background',
attrs:{
type:'css',
//frames
src:[
'http://je5.es/images/img-frames/1.png',
'http://je5.es/images/img-frames/2.png',
'http://je5.es/images/img-frames/3.png',
'http://je5.es/images/img-frames/4.png',
'http://je5.es/images/img-frames/5.png',
'http://je5.es/images/img-frames/6.png',
'http://je5.es/images/img-frames/7.png',
'http://je5.es/images/img-frames/8.png'
],
change:{//optinal only animation mode
time:160,//Time-out to next frame in ms
rerun:100//Total repetitions of the animation
}
}
});
</script>
</body>
</html>