效果图：

6、jQuery情人节表白特效

jQuery浪漫下雪背景情人节表白动画，几张充满爱意的心形图片旋转着，表白文字慢慢出现，再加上雪花飘落的背景，整个浪漫氛围就出来了。

部分代码：

<script src="js/jquery.min.js"></script>
<!--雪花-->
<script src="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情人节表白鲜花动画特效

部分代码：