分享一款基于animation.css实现动画旋转特效。这是一款基于CSS3实现的酷炫的动画旋转特效代码。效果图如下:
实现的代码。
html代码:
$('.mod_info2__power3').on('mouseover', function (e) {
$('.mod_info2__power3').addClass('play');
});
$('.mod_info2__power3').on('mouseout', function (e) {
$('.mod_info2__power3').removeClass('play');
});
$('.mod_info2__power1').on('mouseover', function (e) {
$('.mod_info2__power1').addClass('play');
});
$('.mod_info2__power1').on('mouseout', function (e) {
$('.mod_info2__power1').removeClass('play');
});
$('.mod_info2__power2').on('mouseover', function (e) {
$('.mod_info2__power2').addClass('play');
});
$('.mod_info2__power2').on('mouseout', function (e) {
$('.mod_info2__power2').removeClass('play');
});
$('.mod_info2__power4').on('mouseover', function (e) {
$('.mod_info2__power4').addClass('play');
});
$('.mod_info2__power4').on('mouseout', function (e) {
$('.mod_info2__power4').removeClass('play');
});
// setTimeout(function() {
// $('.mod_info2__power3').addClass('play');
// $('.mod_info2__power1').addClass('play');
// $('.mod_info2__power2').addClass('play');
// $('.mod_info2__power4').addClass('play');
// },1000);
// setTimeout(function() {
// $('.mod_info2__power3').removeClass('play');
// $('.mod_info2__power1').removeClass('play');
// $('.mod_info2__power2').removeClass('play');
// $('.mod_info2__power4').removeClass('play');
// },4000);