为了账号安全,请及时绑定邮箱和手机立即绑定

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>

正在回答

1 回答

贴代码干嘛


0 回复 有任何疑惑可以回复我~
#1

Backface 提问者

非常感谢!
2016-01-06 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
CSS动画实用技巧
  • 参与学习       79017    人
  • 解答问题       83    个

本CSS教程教你使用CSS实现惊艳的动画效果,一起去领略一番

进入课程
意见反馈 帮助中心 APP下载
官方微信