I’ve created another Mootools class! This one animates the appearance of images or elements. Do I need to say more? Words are not enough, check out the demo!
I even added a onComplete function which you can customize yourself!
The html
The css
#appear li {
float: left;
list-style-type: none;
display: block;
width: 150px;
height: 150px;
margin: 10px;
}
#appear img {
border: none;
}
The javascript
window.addEvent('domready', function() {
var ap = new cvElementAppear('appear',{
elements: 'img',
endwidth: 150,
endheight: 150,
duration: 1000,
transition: Fx.Transitions.Sine.easeIn,
onComplete: function(){
alert('Finish!');
}
});
});
