運用css3的特性完成一個半圓,css3動畫效果完成旋轉的效果..............(第一次發部落格...)

直接上程式碼

style程式碼。。。。。。。。。。。。

 body{             background-color: #000;             opacity: 0.7;         }         #box{             width: 100px;             height: 100px;             border:3px solid #47e8ff;             border-bottom:3px solid transparent;             border-radius: 100%;             position: relative;             margin: 200px auto;             z-index: 100000;         }

   #box:hover{             /*transform: rotate(180deg);*/             animation: aa 3s infinite linear;         }         @keyframes  aa{             0%{                 transform: rotate(0deg);             }             100%{                 transform: rotate(720deg);             }         }

<div id="box">

</div>