CSS3--永动圆形

最新推荐文章于 2020-12-11 13:39:28 发布

AsaZyf

最新推荐文章于 2020-12-11 13:39:28 发布

阅读量232

点赞数

文章标签： CSS3 圆形永动的圆形

本文链接：https://blog.csdn.net/AsaZyf/article/details/83112470

版权

css3 专栏收录该内容

43 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
       <style>
           @-webkit-keyframes move{
               0%{
                   -webkit-transform: rotate(0deg);
               }
               100%{
                   -webkit-transform: rotate(360deg);
               }
           }

           .wrap{
               width: 100px;
               height: 100px;
               background: red;
               border-radius: 50%;
               text-align: center;
               line-height: 100px;
               -webkit-animation: 2s move infinite linear;
           }
           .wrap:hover{
               -webkit-animation-play-state: paused;
           }
       </style>
   </head>
   <body>
       <div class="wrap">
           1314
       </div>
   </body>
</html>