A Pen by Ream

Thumbnail
This awesome code was written by ream-lab, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright ream-lab ©
  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>A Pen by  Ream</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  <div class="spinner">
  <div class="spinner__dot"></div>
</div>
  
  

</body>

</html>

/*Downloaded from https://www.codeseek.co/ream-lab/a-pen-by-ream-wWYzmP */
.spinner {
  position: relative;
  width: 30px;
  height: 30px;
}
.spinner__dot,
.spinner__dot:after,
.spinner__dot:before {
  width: 10px;
  height: 10px;
  background-color: #000;
  border-radius: 50%;
}
.spinner__dot {
  transform: translate(10px, 0);
}
.spinner__dot:after,
.spinner__dot:before {
  content: '';
  position: fixed;
  top: 0px;
  left: 0px;
}
.spinner__dot:before {
  -webkit-transform: translate(20px, 0);
}
.spinner__dot:after {
  -webkit-transform: translate(0, 20px);
}

Comments