Emlog给网站图片添加抖动特效教程

标签：nim   line   form   log   ase   web   animation   transform   orm   

首先要找到修改代码的地方，在你的模板处，或主要CSS放置处

EMLOG模板位置在：/content/templates/你的模板名/

找到style.css把以下代码放到最下面即可！

1. img:hover {
2. -webkit-animation:sucaijiayuan 1s .1s ease both;
3. -moz-animation:tada 1s .1s ease both;
4. }
5. @-webkit-keyframes sucaijiayuan {
6. 0% {
7. -webkit-transform:scale(1)
8. }
9. 10%, 20% {
10. -webkit-transform:scale(0.8) rotate(-2deg)
11. }
12. 30%, 50%, 70%, 90% {
13. -webkit-transform:scale(1.1) rotate(2deg)
14. }
15. 40%, 60%, 80% {
16. -webkit-transform:scale(1.1) rotate(-2deg)
17. }
18. 100% {
19. -webkit-transform:scale(1) rotate(0)
20. }

Emlog给网站图片添加抖动特效教程

标签：nim   line   form   log   ase   web   animation   transform   orm   

原文地址：https://www.cnblogs.com/pzg123/p/12004645.html