css3很美的蟠桃动画

查看效果：
http://hovertree.com/texiao/css3/26/

源码下载：
http://hovertree.com/h/bjaf/ndhxgfkn.htm

效果图如下：


代码如下：

   DOCTYPE html  > 
   html   lang  ="zh-cn"  > 
   head  > 
   meta   charset  ="utf-8"   /> 
   meta   name  ="Copyright"   content  ="Tencent"   /> 
   meta   http-equiv  ="X-UA-Compatible"   content  ="IE=edge,chrome=1"  > 
   title  > CSS3很美的蟠桃动画- 何问起   title  >  base   target  ="_blank"   /> 
   link   rel  ="stylesheet"   type  ="text/css"   media  ="screen"   href  ="http://hovertree.com/texiao/css3/26/css/style.css"  > 
   head  > 
   body  > 

   div   class  ="act_wrapper"  > 
   div   class  ="act_content"  > 
   div   class  ="mod_style_3"  > 
   span   class  ="peach peach1 shake-leftright1"   data-value  ="1"  >  span  > 
   span   class  ="peach peach2 shake-leftright2"   data-value  ="2"  >  span  > 
   span   class  ="peach peach3 shake-leftright3"   data-value  ="3"  >  span  > 
   span   class  ="peach peach4 shake-leftright4"   data-value  ="4"  >  span  > 
   span   class  ="peach peach5 shake-leftright5"   data-value  ="5"  >  span  > 
   span   class  ="peach peach6 shake-leftright6"   data-value  ="6"  >  span  > 
   div  > 

   div  > 
   div   class  ="act_bg"  > 
   div   class  ="bg_act_6"  >  div  > 
   div   class  ="bg_act_7"  >  div  > 
   div   class  ="bg_act_8"  >  div  > 
   div  > 
   div  > 

   div   style  ="text-align:center;margin:10px 0; font:normal 14px/24px 'MicroSoft YaHei';"  > 
   p  > 适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗等新版浏览器。   p  > 
   p  > 来源：   a   href  ="http://hovertree.com/"   target  ="_blank"  > 何问起   a  >     a   href  ="http://hovertree.com/texiao/"  > 特效   a  >     a   href  ="http://hovertree.com/h/bjaf/taoshu.htm"  > 原文   a  >     a   href  ="http://hovertree.com/h/bjaf/e1r8s4va.htm"  > 齐天大圣   a  >  p  > 
   div  > 
   body  > 
   html  >  

查看更多关于css3很美的蟠桃动画的详细内容...