效果查看：http://hovertree.com/texiao/css3/6/
CSS3画猪头： http://hovertree.com/texiao/css3/6/1/
代码如下：
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>纯CSS3实现可爱的猪猪 - 何问起</title> <base target="_blank" /> <link href="http://hovertree.com/texiao/css3/6/hovertreepig.css" type="text/css" rel="stylesheet"/></head><body> <h2>纯CSS3实现可爱的猪猪</h2> <div class="hovertreebody"> <div class="face"> <div class="left_ear"></div> <div class="right_ear"></div> <div class="eyes"></div> <div class="nose">何问起</div> </div> <div class="stomach"> <div class="left_leg"></div> <div class="right_leg"></div> </div> <div class="hovertreetail"></div> </div> <div style="text-align:center;margin-top:100px;"><a href="http://hovertree.com/h/bjaf/0pt35qks.htm">代码</a> <a href="http://hovertree.com">首页</a> <a href="http://hovertree.com/texiao/">特效</a></div></body></html>
转自：http://hovertree.com/h/bjaf/0pt35qks.htm
推荐：http://hovertree.com/texiao/css3/5/
更多特效：
Bagaimana untuk membeli syiling Ripple sebenar
Mengapa wifi mempunyai tanda seru?
beratus-ratus
Apakah yang perlu saya lakukan jika msconfig tidak boleh dibuka?
Jenis kelemahan sistem
Pengenalan kepada sebab mengapa desktop jauh tidak dapat disambungkan
cap waktu python
Perbezaan antara pengecasan pantas PD dan pengecasan pantas am
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
