当前位置：首页 > 编程语言 > Emlog给网站图片添加抖动特效教程

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

2021-05-12 21:29

阅读：640

标签：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

上一篇：Emlog另类加密授权(理论支持所有PHP)

下一篇：大数据(hadoop,hive,hbase,spark,flume等)各技术间的关系

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：Emlog给网站图片添加抖动特效教程
文章链接：http://soscw.com/index.php/essay/84861.html

评论

亲，登录后才可以留言！

热门文章

推荐文章

最新文章

置顶文章

关于我们 | 版权声明 | 常见问题 | 素材投稿 | 联系我们 | 网站地图 |
搜素材网素材除本站原创外均由用户分享，若发现权利被侵害，请联系及时联系我们，我们会在第一时间进行处理。
特别说明：本站所有资源除本站原创外仅供学习与参考，请勿用于商业用途,如有侵犯您的版权请联系客服服务QQ：点击这里给我发消息
Copyright © 2024 soscw.com 搜素材网素材网版权所有 蜀ICP备18015633号-1