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