查看效果：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
更多特效：http://www.cnblogs.com/jihua/p/webfront.html