Emlog给网站图片添加抖动特效教程
Posted pzg123
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Emlog给网站图片添加抖动特效教程相关的知识,希望对你有一定的参考价值。
首先要找到修改代码的地方,在你的模板处,或主要CSS放置处
EMLOG模板位置在:/content/templates/你的模板名/
找到style.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给网站图片添加抖动特效教程的主要内容,如果未能解决你的问题,请参考以下文章