Css3 - 元素不停的旋轉
編輯：CSS特效代碼
請手動添加其他兼容性
下面是HTML代碼，包含css3的代碼。
代碼後面是效果展示。
下面是HTML代碼，包含css3的代碼。
代碼後面是效果展示。
<!DOCTYPE html>
<html>
<head><meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>css3不斷旋轉-何問起</title>
<meta charset="utf-8" />
<style>
#box_hovertree{height:55px;position:relative;margin-top:200px;}
#refresh_hovertree{left:50%;position:absolute;top:0;animation:changehovertree 4s linear infinite;}
@-webkit-keyframes changehovertree{0%{-webkit-transform:rotate(0)} 50%{-webkit-transform:rotate(180deg)} 100%{-webkit-transform:rotate(360deg)}}
@keyframes changehovertree{0%{transform:rotate(0)} 50%{transform:rotate(180deg)} 100%{transform:rotate(360deg)}}
</style>
</head>
<body>
<div id="box_hovertree">
<div id="refresh_hovertree"><img src="https://www.divcss.online/divcssbuju/UploadFiles_7251/201612/2016122916561893.png" /></div>
</div>
</body>
</html>- 上一頁:輸入文本框設置背景圖片
- 下一頁:CSS動畫 防止動畫結束後，回歸原位
小編推薦
熱門推薦