查看效果：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