程序员的情人节应该这么优雅度过（附源码）(4)

<script src="https://www.linuxidc.com/js/jquery.min.js"></script>
<!--雪花-->
<script src="https://www.linuxidc.com/js/snow.js"></script>
<script>
 $(".pic ul li").each(function(i){//遍历
  var deg=360/$(".pic ul li").size();//size个数
  //当前的li对象 添加css样式
  $(this).css({"transform":"rotateY("+deg*i+"deg) translateZ(216px)"});
 
  $.fn.snow({
   minSize:10,
   maxSize:15,
   newOn:500,
   flakeColor:"#ffffff"
  });
 });
 
 var i=0;
 var str="能够遇见你是我最大的幸运，有了你生活变得丰富多彩，有了你，世界变得如此迷人；你是我的世界，我的世界是你，对我来说，不是在最美好的时光遇见了你，而是遇见你后都是最美好的时光！";
 
 window.onload=function typing(){
  //获取div
  var mydiv=document.getElementById("text");
  mydiv.innerHTML+=str.charAt(i);
  i++;
  var id=setTimeout(typing,100);
  if(i==str.length){
   clearTimeout(id);
  }
 }
</script>

效果图：

演示地址： 

7、CCS3 svg情人节表白鲜花动画特效

部分代码：

<div>
  <div><svg viewBox="0 0 32 32">
<title>heart22</title>
<path d="M23.6 2c-3.363 0-6.258 2.736-7.599 5.594-1.342-2.858-4.237-5.594-7.601-5.594-4.637 0-8.4 3.764-8.4 8.401 0 9.433 9.516 11.906 16.001 21.232 6.13-9.268 15.999-12.1 15.999-21.232 0-4.637-3.763-8.401-8.4-8.401z"></path>
</svg>
  </div>
  <div><svg viewBox="0 0 32 32">
<title>heart22</title>
<path d="M23.6 2c-3.363 0-6.258 2.736-7.599 5.594-1.342-2.858-4.237-5.594-7.601-5.594-4.637 0-8.4 3.764-8.4 8.401 0 9.433 9.516 11.906 16.001 21.232 6.13-9.268 15.999-12.1 15.999-21.232 0-4.637-3.763-8.401-8.4-8.401z"></path>
</svg>
  </div>
  <div><svg viewBox="0 0 32 32">
<title>heart22</title>
<path d="M23.6 2c-3.363 0-6.258 2.736-7.599 5.594-1.342-2.858-4.237-5.594-7.601-5.594-4.637 0-8.4 3.764-8.4 8.401 0 9.433 9.516 11.906 16.001 21.232 6.13-9.268 15.999-12.1 15.999-21.232 0-4.637-3.763-8.401-8.4-8.401z"></path>
</svg>
  </div>

效果图：

演示地址： 

好了，如果大家还有更精彩的，别忘记分享给我们哦。

我们的程序员是不是都非常有才呢？谁说程序员不浪漫？谁说程序员都是单身狗啊？我们是为爱编程，用代码敲出了美丽的爱情，用代码谱写最动人的爱情故事。无代码，非程序，无程序，非人生。我们程序员一般不表露，那是因为低调，用心。所以程序员才是精英的代表。

本文提到的全部源码可以到Linux公社资源站下载：

------------------------------------------分割线------------------------------------------

免费下载地址在

用户名与密码都是

具体下载目录在 /2018年资料/2月/9日/程序员的情人节应该这么优雅度过（附源码）/

下载方法见

------------------------------------------分割线------------------------------------------