hyperpeace in CSS

In this example below you will see how to do a hyperpeace in CSS with some HTML / CSS and Javascript

Inspired by: https://ello.co/cacheflowe/post/Mfo0sMHhzDxmcI7p1JynOg

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

<head>
  <meta charset="UTF-8">
  <title>hyperpeace in CSS</title>
  
  
  
  
  
</head>

<body>

  
<div class="hyperpeace">
  <div class="rects">
    <div class="rect"></div>
    <div class="rect"></div>
    <div class="rect"></div>
  </div>
  <div class="trigs">
    <div class="trig"></div>
    <div class="trig"></div>
    <div class="trig"></div>
  </div>
  <div class="circs">
    <div class="circ"></div>
    <div class="circ"></div>
    <div class="circ"></div>
  </div>
</div>
  
  

</body>

</html>

Comments