This plugin activates several transformations in a particular order.
http://plugins.jquery.com/enqt/
Include this script after jQuery.
<script src='jquery.min.js'></script>
<script src='jquery.enqt.js'></script>
<script>
$(selector).enqt( styles, [duration], [easing], [callback] );
</script>
$(selector)
: jQueryObjectstyles
: Object[duration]
: Integer[ms][easing]
: String[callback]
: Function
$('#maru')
.enqt( { translate:{ x:'200px', y:'100px'} }, 500, "ease-out" )
.enqt( { translate:{ x:'200px', y:'100px'}, scale:{ x:2,y:2 }, backgroundColor:'#00f' }, 1000 )
.enqt( { rotate: '45deg', delay: 500 }, 500, function(){ console.log(123); } );
- jQuery >=1.7.2
Copyright(c) 2013 Masato WATANABE
Licensed under the MIT license.