查看效果: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/kqud99m6.htm
CSS3企鵝動畫