emlog给网站图片添加抖动效果
首先要找到修改代码的地方,在你的模板处,或主要CSS放置处。
EMLOG模板位置在 /WEB/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) }
发表评论