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

首先要找到修改代码的地方,在你的模板处,或主要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. }

猜你喜欢

转载自www.cnblogs.com/pzg123/p/12004645.html
今日推荐