给模版添加图片抖动效果 - 不老梦博客-emlog-专注于博客网站代码

不老梦博客
IISTYLE.CN 喜欢就CTRL+D吧


给模版添加图片抖动效果

百度已收录

首先找到这个文件:content/templates/模板名/找到style.css

一般是style.css这个文件.不过凡事都有例外

大前段的文件就是:content/templates/emlog_dux/style/main.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)
}
 



后台刷新即可看到效果。


×

感谢您的支持,我们会一直保持!

扫码支持
请土豪扫码随意打赏

打开微信扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

打赏作者
版权所有,转载注意明处:不老梦博客-emlog-专注于博客网站代码 » 给模版添加图片抖动效果
标签: 网站代码 HTML emlog

发表评论

表情
看不清楚?点图切换

网友评论(2)

这个代码高亮有点迷
Parkmimi 2个月前 (2018-01-06) 回复
@Parkmimi:已经修复,感谢提醒,回复网站网址领取500ip流量 真实ip
不老梦博客 2个月前 (2018-01-06) 回复