温馨提示:如果想看速看完文章和评论,请开启弹幕模式

emlog图片抖动代码

效果如本站所示,PC端效果更好

/*
*图片抖动
*/
img:hover {
-webkit-animation:sucaijiayuan 1s .1s ease both;
-moz-animation:tada 1s .1s ease both;
}
@-webkit-keyframes sucaijiayuan {
0% {
-webkit-transform:scale(1)
}
10%, 20% {
-webkit-transform:scale(0.8) rotate(-2deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1) rotate(2deg)
}
40%, 60%, 80% {
-webkit-transform:scale(1.1) rotate(-2deg)
}
100% {
-webkit-transform:scale(1) rotate(0)
}
大前端用户可以直接放在自定样式里面

其他模板放在main.js合适的位置


发表评论

游客 表情
看不清楚?点图切换 送你一朵小花花~

众说纷纭(0)