威尔源码网

基于jQuery+CSS3实现的晚霞星云密布旋转背景动画特效代码

【摘要】 一、源码简介:这是基于jQuery+CSS3实现的晚霞星云密布旋转背景动画特效代码,小编个人觉得挺好看的,配色简单,效果确很邻人印象深刻,改造一下,引入自己网站作为...

jQuery+CSS3星云密布旋转背景动画特效.jpg

一、源码简介:

这是基于jQuery+CSS3实现的晚霞星云密布旋转背景动画特效代码,小编个人觉得挺好看的,配色简单,效果确很邻人印象深刻,改造一下,引入自己网站作为背景还是不错的哦!

二、使用方法:

<div class="stars"></div> <script>$(document).ready(function(){  var stars=800;  var $stars=$(".stars");  var r=800;  for(var i=0;i<stars;i++){    var $star=$("<div/>").addClass("star");    $stars.append($star);  }  $(".star").each(function(){    var cur=$(this);    var s=0.2+(Math.random()*1);    var curR=r+(Math.random()*300);    cur.css({       transformOrigin:"0 0 "+curR+"px",      transform:" translate3d(0,0,-"+curR+"px) rotateY("+(Math.random()*360)+"deg) rotateX("+(Math.random()*-50)+"deg) scale("+s+","+s+")"           })  })})</script>


隐藏资源

您需要留言评论后,刷新页面才能查看此资源!

本文链接:http://www.wller.cn/post/1564.html

版权声明:
1、本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有!
2、若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用!
3、本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理!
4、本站所有资源均是收集而来,资源均不包含安装服务和技术支持!且不知道能不能用,请谨慎下载
5、免费源码均来自网络收集,不保证完整性和可用性
6、本站不提供任何技术支持,源码搬运其他网络站点,站长不会这种技术,请自行测试
7、免费源码适合有基础的用者,需要创建数据及修改模板标签、调试修改路径等调试工作
8、欢迎前往http://www.wller.cn 购买虚拟主机,本站所有源码及模板均支持。
9、注意:本站不提供任何技术,资源收集网络,如有侵权,联系我删除。

发表评论

还没有评论,快来说点什么吧~