A Pen by Ream

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" >

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



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



/*Downloaded from https://www.codeseek.co/ream-lab/a-pen-by-ream-wWYzmP */
.spinner {
  position: relative;
  width: 30px;
  height: 30px;
.spinner__dot:before {
  width: 10px;
  height: 10px;
  background-color: #000;
  border-radius: 50%;
.spinner__dot {
  transform: translate(10px, 0);
.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);