A jQuery plugin to animate any element using animate.css (by daneden) classes. Chain multiple animations and add extra css properties for the duration of the animations.
- jQuery (> 1.8)
- animate.css
bower install animatecss.jquery.js
Full example in example.html
<link rel="stylesheet" href="animate.css">
<script src="jquery.js"></script>
<script src="animatecss.jquery.js"></script>
<script>
$('input.animate-me').animateCss({
animations: ['fadeOut', 'fadeIn'],
css: {
backgroundColor: '#ffffff',
borderColor: '#66afe9',
boxShadow: '0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102,175,233, 0.6)'
},
cssDelay: 300
})
</script>
v1.03 (2016-06-07): Return a promise that resolves when all operations are complete
v1.02 (2015-05-06): Fix css not resetting correctly
v1.01 (2016-05-05): Convert to bower package
v1.0 (2016-05-05): Initial release