BIJIV

typecho-handsome主题添加图片抖动效果代码
handsome主题设置方法 打开后台设置-插件-设置外观-开发者设置-自定义CSS 添加以下CSS代码 img:...
扫描右侧二维码阅读全文
07
2018/06

typecho-handsome主题添加图片抖动效果代码

handsome主题设置方法
打开后台设置-插件-设置外观-开发者设置-自定义CSS
添加以下CSS代码

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)
}
最后修改:2019 年 03 月 27 日 01 : 14 PM
如果觉得我的文章对你有用,请随意赞赏

发表评论