Minimalistic CSS Loader

Tutorials of (Minimalistic css loader) by Drew

<!DOCTYPE html>
<html >
<head>
  <meta charset="UTF-8">
  <title>Minimalistic CSS Loader</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>
  <div class="center">
  <div class="preloader"></div>
</div>
  
  
</body>
</html>
/* Downloaded from https://www.codeseek.co/ */
.center {
  width: 40px;
  margin: 100px auto;
}

.preloader {
  display: block;
  width: 40px;
  height: 40px;
  border: solid 3px;
  border-color: #555555 transparent;
  border-radius: 50%;
    -webkit-animation: 
        rota 1s ease-in-out infinite;
    -moz-animation: 
        rota 1s ease-in-out infinite;
    -ms-animation: 
        rota 1s ease-in-out infinite;
    -o-animation: 
        rota 1s ease-in-out infinite;
    animation: 
        rota 1s ease-in-out infinite;
}

@-webkit-keyframes rota {
    to { -webkit-transform: rotate(360deg);}
}

@-moz-keyframes rota {
    to { -moz-transform: rotate(360deg); }
}

@-ms-keyframes rota {
    to { -ms-transform: rotate(360deg); }
}

@-o-keyframes rota {
    to { -o-transform: rotate(360deg); }
}

@keyframes rota {
    to { transform: rotate(360deg); }
}
/* Downloaded from https://www.codeseek.co/ */

This awesome code ( Minimalistic CSS Loader ) is write by Drew, you can se more from this user in the personal repository

You can find the original code on Codepen.io

2018 © Drew