这篇文章主要介绍了JS写滑稽笑脸运动效果，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
效果演示：
（就这玩意儿，差点写崩了...）
代码：
滑稽笑脸运动 *{padding: 0;margin: 0;} html,body{ width: 100%; height: 100%; } #main{ width: 100px; height: 100px; border-radius: 50%; background:url(images/1.jpg-600) 0 0/100px 100px; position: absolute; left: 0; top: 0; z-index: 3; } .show{ width: 50px; height: 50px; border-radius: 50%; background-color: rgb(239, 187, 101); position: absolute; animation: disappear 1.2s ; animation-fill-mode: forwards; } @keyframes disappear{ 0%{ opacity: 1; transform:scale(1); } 100%{ opacity: 0; transform:scale(0); } }
总结
到此这篇关于JS写滑稽笑脸运动效果的文章就介绍到这了,更多相关js 滑稽笑脸内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站！
以上就是JS写滑稽笑脸运动效果的详细内容，更多请关注本站其它相关文章！
