javascript绘制漂亮的心型线效果完整实例

本文实例讲述了javascript绘制漂亮的心型线效果实现方法。分享给大家供大家参考，具体如下：

运行效果截图如下：

具体代码如下：

div{
  position:absolute;
}
.xx-box{
  left:50%;
  top:50%;
  margin-left:-250px;
  margin-top:-250px;
  width:500px;
  height:500px;
  background-color:#000;
}
.xx-box .text{
  top:30%;
  height:48px;
  line-height:48px;
  color:#f00;
  text-shadow: 3px 3px 4px #f00;
  font-size:36px;
  font-weight:bold;
  width:100%;
  text-align:center;
  font-family:Tangerine,Tahoma,Arial,"65f65c1a4e2d9ed17b804f53","5b8b4f53";
}
.xx-box .item{
  width:2px;
  height:20px;
  overflow:hidden;
}




  I Love You

更多关于Javascript相关内容感兴趣的读者可查看本站专题：《Javascript动画特效与技巧汇总》、《javascript面向对象入门教程》及《Javascript数据结构与算法技巧总结》

希望本文所述对大家Javascript程序设计有所帮助。