CSS3旋轉的大風車,效果預覽:
http://hovertree.com/texiao/css3/9/
css3旋轉的大風車動畫特效,使用CSS3實現旋轉動畫,風車為圖片。
代碼如下:<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS3轉動的大風車 - 何問起</title><base target="_blank" />
<link href="http://hovertree.com/texiao/css3/9/hovertreefc/hovertreedfc.css" rel="stylesheet" type="text/css" />
<style>a{color:blue;}</style>
</head>
<body>
<div class="loading">
<div class="pic"></div>
<div class="fcc"></div>
</div>
<div><a href="http://hovertree.com/h/bjaf/h9tb5itb.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