css圆环loading

Open klren0312 opened this issue 2 years ago • 0 comments

<!DOCTYPE html>
<html>
<head>
<title>Loading加载动画</title>
<style>
   .loader {
      width:100px;
      height:100px;
      border-radius:50%;
      border:16px solid #fff;
      border-top:16px solid rgba(0, 0, 0, 0.5);
      animation:load 2s linear infinite;
   }
   @keyframes load {
      0%   { transform: rotate(0deg); }
      100% { transform:rotate(360deg); }
   }
</style>
</head>
<body>
<div  class="container">
  <div class="loader"></div>
</div>    
</body>
</html>

Oct 19 '23 10:10 klren0312