                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /CSS動(dòng)畫實(shí)用技巧

o yes ppg.

<!doctype>
<html>
?? ?<head>
?? ??? ?<meta charset="utf-8" />
?? ??? ?<title>Radius</title>
?? ??? ?<style>
?? ??? ??? ?body { background-color:rgba(0,0,0,0.8);}
?? ??? ??? ?div.radius { border:solid 10px #000; border-left:solid 10px #fff; width:400px; height:400px; border-radius:50%; margin:200px auto; animation:runing 1.1s infinite ease-in-out; -webkit-animation:runing 1.1s infinite ease-in-out;}
?? ??? ??? ?@keyframes runing{
?? ??? ??? ??? ?form{ transform:rotate(0deg)}
?? ??? ??? ??? ?to { transform:rotate(360deg)}
?? ??? ??? ?}
?? ??? ??? ?@-webkit-keyframes runing{
?? ??? ??? ??? ?form{ transform:rotate(0deg)}
?? ??? ??? ??? ?to { transform:rotate(360deg)}
?? ??? ??? ?}?? ?
?? ??? ?</style>
?? ?</head>
?? ?<body>
?? ??? ?<div class="radius"></div>
?? ?</body>
</html>