查看效果：http://hovertree.com/texiao/css3/4/
效果2
效果图：
代码如下：
<!doctype html><html lang="zh"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>纯CSS3多层云彩变换动画特效 - 何问起</title><base target="_blank" /><link href="http://hovertree.com/texiao/css3/4/hovertreeplane.css" rel="stylesheet"/></head><body><div class="hewenqisky"><div class="clouds_one"></div><div class="clouds_two"></div><div class="clouds_three"></div><div class="hovertreeplane"></div></div><div style="text-align:center;"><a href="http://hovertree.com/h/bjaf/hvtplane.htm">原文</a> <a href="http://hovertree.com">首页</a> <a href="http://hovertree.com/texiao/">特效</a></div></body></html>
转自：http://hovertree.com/h/bjaf/hvtplane.htm
参考：http://hovertree.com/h/bjaf/kqud99m6.htm
更多特效：
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
