效果查看：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/
更多特效：
Which inscription is the most promising in the currency circle?
What does edge computing gateway mean?
What are the static code checking tools?
What to do if memory usage is too high
Why webstorm cannot run the file
There are several types of php arrays
What system is qad?
How do I set up WeChat to require my consent when people add me to a group?
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
