Heim > Web-Frontend > CSS-Tutorial > CSS3 implementiert einen wunderschönen pfirsichreifen Animationseffektcode

CSS3 implementiert einen wunderschönen pfirsichreifen Animationseffektcode

零下一度
Freigeben: 2017-04-25 15:34:03
Original
3132 Leute haben es durchsucht

CSS3-Animation für reife Pfirsiche, sehr schön, nicht viel zu sagen, ich zeige Ihnen den Code:

<!DOCTYPE html>
<!--效果:hovertree.com/texiao/css3/26/ -->
<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="hovertree.com/texiao/css3/26/css/style.css">
</head>
<body>

<p class="act_wrapper">
<p class="act_content">
<p 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>
</p>

</p>
<p class="act_bg">
<p class="bg_act_6"></p>
<p class="bg_act_7"></p>
<p class="bg_act_8"></p>
</p>
</p>

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

Das obige ist der detaillierte Inhalt vonCSS3 implementiert einen wunderschönen pfirsichreifen Animationseffektcode. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage