چرخش آیکن ها با هاور شدن

[yasharhi]

با رفتن روی آیکن های سایت زیر آیکن ها شروع به چرخش میکنن ، کسی میدونه چطور اینکار رو انجام میدن ؟
http://www.templatemonster.com/demo/54581.html

[mohammad425]

با استفاده از Transforms
http://www.w3schools.com/css/css3_3dtransforms.asp

توی آیکون یه تاخیر ایجاد کنید و Transforms رو به هاور نسبت بدین.

[yasharhi]

ممنون از راهنماییتون ، چطور میتونم از این در آیکن ها استفاده کنم ، یعنی زمانی که آیکن هاور میشه یکی از این انیمیشن ها اجرا بشه
http://daneden.github.io/animate.css/

[دانیال دزفولی]

کد هاشو بررسی کنید متوجه میشید کار خاصی نداره



function testAnim(x) {
$('#animationSandbox').removeClass().addClass(x + ' animated').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){
$(this).removeClass();
});
};

$(document).ready(function(){
$('.js--triggerAnimation').click(function(e){
e.preventDefault();
var anim = $('.js--animations').val();
testAnim(anim);
});

$('.js--animations').change(function(){
var anim = $(this).val();
testAnim(anim);
});
});

میتونی از mosueover استفاده کنی