Rumah >hujung hadapan web >tutorial css >css3实现一个精美的桃子熟了动画效果代码
css3实现一个精美的桃子熟了动画效果代码
- 零下一度asal
- 2017-04-25 15:34:033127semak imbas
css3桃子熟了动画，很美的，不多说，小编给你们展示下代码:
<!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 'MicroSoft YaHei';"> <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>
Atas ialah kandungan terperinci css3实现一个精美的桃子熟了动画效果代码. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：什么是css sprite？对css sprite技巧总结Artikel seterusnya：用CSS的span标签来实现双语菜单的具体方法