html图标shake,html – DIV CSS Scale过渡模糊和shakey

这是一个jquery选项,它会暂时淡出,以避免拉伸动画.

$('.thumb').mouseenter(function() {

$(this).fadeTo(200, 0, function() {

$(this).css("transform", "scale(1.2)");

$(this).fadeTo(500, 1);

});

})

$('.thumb').mouseleave(function() {

$(this).fadeTo(200, 0, function() {

$(this).css("transform", "scale(1)");

$(this).fadeTo(500, 1);

});

})

ul {

padding: 0;

margin: 50px 20px;

list-style: none;

}

ul li {

margin: 5px;

display: inline-block;

}

ul li a {

padding: 5px;

display: inline-block;

}

ul li a img {

width: 125px;

height: 125px;

display: block;

}

• 

• 

•