本文介绍: css3+javaScript实现一个左右钟摆-摇晃的红灯笼网页特效!前天逛博客时无意中看见了,别人的博客顶部有一个会左右钟摆的摇晃的红灯笼,产生了想法,我也想给自己做一个,但是网上找了很多方案,都没有实现。终于在昨天晚上搜索,找到了利用css3和js一起组合的技术,实现了这个效果。这个是css文件里面的内容。我故意把周期设计的步进很缓慢,看起来晃动的时候会比较柔和一点。这个index.html里面的代码。如图所示,这是一个静态的截图。实际上是可以看效果的。这个是js文件内容,控制2个灯笼图片的布局位置。
css3+javaScript实现一个左右钟摆-摇晃的红灯笼网页特效!前天逛博客时无意中看见了,别人的博客顶部有一个会左右钟摆的摇晃的红灯笼,产生了想法,我也想给自己做一个,但是网上找了很多方案,都没有实现。终于在昨天晚上搜索,找到了利用css3和js一起组合的技术,实现了这个效果。代码很简单。下面上代码分享。
如图所示,这是一个静态的截图。实际上是可以看效果的。
我的网站展示地址是:www.gxlda.com
这个index.html里面的代码。下面给大家看看css和js2个内容。
这个是css文件里面的内容。我故意把周期设计的步进很缓慢,看起来晃动的时候会比较柔和一点。
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。