Animate.css Testing

Animate.css with xuijs functions

by Irvin Dominin

HTML

<script src="http://xuijs.com/downloads/xui-2.3.2.min.js"></script>
<div id="mydiv" class="questo">Hey there guyara. Animated css on this B.</div>

CSS

@import url('http://daneden.me/animate/animate.css');
 #mydiv {
    margin: 20px;
    height: 100px;
    width: 300px;
    background: #ff0;
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.2);
}
button {
    margin: 0 20px;
}

JavaScript

$(".questo").hover(function (e) {
    $(this).addClass('animated shake');
});

$(".questo").bind("animationend webkitAnimationEnd oAnimationEnd MSAnimationEnd", function () {
    $(this).removeClass('animated shake');
});