SVG polygon animation

In this example below you will see how to do a SVG polygon animation with some HTML / CSS and Javascript

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

<head>
  <meta charset="UTF-8">
  <title>SVG polygon animation</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  <!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In  -->
<svg version="1.1"
	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
	 x="0px" y="0px" width="129px" height="38px" viewBox="0 0 129 38" style="enable-background:new 0 0 129 38;"
	 xml:space="preserve" class="gridbutton">
<style type="text/css">
	.st0{fill:#0060FF;}
</style>
<defs>
    <filter id="polycleaner" color-interpolation-filters="sRGB">
    <feComponentTransfer>
      <feFuncA type="table" tableValues="0 0.5 1 1" />
    </feComponentTransfer>
  </filter>
</defs>
  <g filter="url(#polycleaner)">
<path d="M6.1,0h2v7.6H0V6.1C0,2.7,2.7,0,6.1,0z"/>
<rect x="8.1" class="st0" width="8.1" height="7.6"/>
<rect x="16.1" class="st0" width="8.1" height="7.6"/>
<rect x="24.2" class="st0" width="8.1" height="7.6"/>
<rect x="32.2" class="st0" width="8.1" height="7.6"/>
<rect x="40.3" class="st0" width="8.1" height="7.6"/>
<rect x="48.4" class="st0" width="8.1" height="7.6"/>
<rect x="56.4" class="st0" width="8.1" height="7.6"/>
<rect x="64.5" class="st0" width="8.1" height="7.6"/>
<rect x="72.6" class="st0" width="8.1" height="7.6"/>
<rect x="80.6" class="st0" width="8.1" height="7.6"/>
<rect x="88.7" class="st0" width="8.1" height="7.6"/>
<rect x="96.8" class="st0" width="8.1" height="7.6"/>
<rect x="104.8" class="st0" width="8.1" height="7.6"/>
<rect x="112.9" class="st0" width="8.1" height="7.6"/>
<path d="M120.9,0h2c3.3,0,6,2.7,6,6v1.6h-8.1V0z"/>
<rect y="7.6" class="st0" width="8.1" height="7.6"/>
<rect x="8.1" y="7.6" class="st0" width="8.1" height="7.6"/>
<rect x="16.1" y="7.6" class="st0" width="8.1" height="7.6"/>
<rect x="24.2" y="7.6" class="st0" width="8.1" height="7.6"/>
<rect x="32.2" y="7.6" class="st0" width="8.1" height="7.6"/>
<rect x="40.3" y="7.6" class="st0" width="8.1" height="7.6"/>
<rect x="48.4" y="7.6" class="st0" width="8.1" height="7.6"/>
<rect x="56.4" y="7.6" class="st0" width="8.1" height="7.6"/>
<rect x="64.5" y="7.6" class="st0" width="8.1" height="7.6"/>
<rect x="72.6" y="7.6" class="st0" width="8.1" height="7.6"/>
<rect x="80.6" y="7.6" class="st0" width="8.1" height="7.6"/>
<rect x="88.7" y="7.6" class="st0" width="8.1" height="7.6"/>
<rect x="96.8" y="7.6" class="st0" width="8.1" height="7.6"/>
<rect x="104.8" y="7.6" class="st0" width="8.1" height="7.6"/>
<rect x="112.9" y="7.6" class="st0" width="8.1" height="7.6"/>
<rect x="120.9" y="7.6" class="st0" width="8.1" height="7.6"/>
<rect y="15.2" class="st0" width="8.1" height="7.6"/>
<rect x="8.1" y="15.2" class="st0" width="8.1" height="7.6"/>
<rect x="16.1" y="15.2" class="st0" width="8.1" height="7.6"/>
<rect x="24.2" y="15.2" class="st0" width="8.1" height="7.6"/>
<rect x="32.2" y="15.2" class="st0" width="8.1" height="7.6"/>
<rect x="40.3" y="15.2" class="st0" width="8.1" height="7.6"/>
<rect x="48.4" y="15.2" class="st0" width="8.1" height="7.6"/>
<rect x="56.4" y="15.2" class="st0" width="8.1" height="7.6"/>
<rect x="64.5" y="15.2" class="st0" width="8.1" height="7.6"/>
<rect x="72.6" y="15.2" class="st0" width="8.1" height="7.6"/>
<rect x="80.6" y="15.2" class="st0" width="8.1" height="7.6"/>
<rect x="88.7" y="15.2" class="st0" width="8.1" height="7.6"/>
<rect x="96.8" y="15.2" class="st0" width="8.1" height="7.6"/>
<rect x="104.8" y="15.2" class="st0" width="8.1" height="7.6"/>
<rect x="112.9" y="15.2" class="st0" width="8.1" height="7.6"/>
<rect x="120.9" y="15.2" class="st0" width="8.1" height="7.6"/>
<rect y="22.8" class="st0" width="8.1" height="7.6"/>
<rect x="8.1" y="22.8" class="st0" width="8.1" height="7.6"/>
<rect x="16.1" y="22.8" class="st0" width="8.1" height="7.6"/>
<rect x="24.2" y="22.8" class="st0" width="8.1" height="7.6"/>
<rect x="32.2" y="22.8" class="st0" width="8.1" height="7.6"/>
<rect x="40.3" y="22.8" class="st0" width="8.1" height="7.6"/>
<rect x="48.4" y="22.8" class="st0" width="8.1" height="7.6"/>
<rect x="56.4" y="22.8" class="st0" width="8.1" height="7.6"/>
<rect x="64.5" y="22.8" class="st0" width="8.1" height="7.6"/>
<rect x="72.6" y="22.8" class="st0" width="8.1" height="7.6"/>
<rect x="80.6" y="22.8" class="st0" width="8.1" height="7.6"/>
<rect x="88.7" y="22.8" class="st0" width="8.1" height="7.6"/>
<rect x="96.8" y="22.8" class="st0" width="8.1" height="7.6"/>
<rect x="104.8" y="22.8" class="st0" width="8.1" height="7.6"/>
<rect x="112.9" y="22.8" class="st0" width="8.1" height="7.6"/>
<rect x="120.9" y="22.8" class="st0" width="8.1" height="7.6"/>
<path d="M0,30.4h8.1V38H6c-3.3,0-6-2.7-6-6V30.4z"/>
<rect x="8.1" y="30.4" class="st0" width="8.1" height="7.6"/>
<rect x="16.1" y="30.4" class="st0" width="8.1" height="7.6"/>
<rect x="24.2" y="30.4" class="st0" width="8.1" height="7.6"/>
<rect x="32.2" y="30.4" class="st0" width="8.1" height="7.6"/>
<rect x="40.3" y="30.4" class="st0" width="8.1" height="7.6"/>
<rect x="48.4" y="30.4" class="st0" width="8.1" height="7.6"/>
<rect x="56.4" y="30.4" class="st0" width="8.1" height="7.6"/>
<rect x="64.5" y="30.4" class="st0" width="8.1" height="7.6"/>
<rect x="72.6" y="30.4" class="st0" width="8.1" height="7.6"/>
<rect x="80.6" y="30.4" class="st0" width="8.1" height="7.6"/>
<rect x="88.7" y="30.4" class="st0" width="8.1" height="7.6"/>
<rect x="96.8" y="30.4" class="st0" width="8.1" height="7.6"/>
<rect x="104.8" y="30.4" class="st0" width="8.1" height="7.6"/>
<rect x="112.9" y="30.4" class="st0" width="8.1" height="7.6"/>
<path d="M120.9,30.4h8.1v1.5c0,3.3-2.7,6.1-6.1,6.1h-2V30.4z"/>
  </g>
</svg>


<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In  -->
<svg version="1.1"
	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
	 x="0px" y="0px" width="149px" height="34px" viewBox="0 0 149 34" style="enable-background:new 0 0 149 34;"
	 xml:space="preserve">
<style type="text/css">
	.st0{fill:#0060FF;}
</style>
<defs>
  <filter id="polycleaner" color-interpolation-filters="sRGB">
    <feComponentTransfer>
      <feFuncA type="table" tableValues="0 0.5 1 1" />
    </feComponentTransfer>
  </filter>
</defs>
<g filter="url(#polycleaner)">
  <polygon class="st0" points="143.9,11.4 143.9,6.7 135.9,11.4 135.9,6.7 127.9,11.4 127.9,6.7 119.9,11.4 119.9,6.7 111.9,11.4 
    111.9,6.7 103.9,11.4 103.9,6.7 95.9,11.4 95.9,6.7 87.9,11.4 87.9,6.7 79.9,11.4 79.9,6.7 71.9,11.4 71.9,6.7 63.9,11.4 63.9,6.7 
    55.9,11.4 55.9,6.7 47.9,11.4 47.9,6.7 39.9,11.4 39.9,6.7 31.9,11.4 31.9,6.7 23.9,11.4 23.9,6.7 15.9,11.4 15.9,6.7 7.9,11.4 
    7.9,6.7 0,11.3 0,12.1 7.9,16.6 7.9,12 15.9,16.6 15.9,12 23.9,16.6 23.9,12 31.9,16.6 31.9,12 39.9,16.6 39.9,12 47.9,16.6 
    47.9,12 55.9,16.6 55.9,12 63.9,16.6 63.9,12 71.9,16.6 71.9,12 79.9,16.6 79.9,12 87.9,16.6 87.9,12 95.9,16.6 95.9,12 103.9,16.6 
    103.9,12 111.9,16.6 111.9,12 119.9,16.6 119.9,12 127.9,16.6 127.9,12 135.9,16.6 135.9,12 143.9,16.6 143.9,12 149,14.9 149,8.4 
    "/>
  <polygon class="st0" points="143.9,17.7 135.9,22.4 135.9,17.7 127.9,22.4 127.9,17.7 119.9,22.4 119.9,17.7 111.9,22.4 111.9,17.7 
    103.9,22.4 103.9,17.7 95.9,22.4 95.9,17.7 87.9,22.4 87.9,17.7 79.9,22.4 79.9,17.7 71.9,22.4 71.9,17.7 63.9,22.4 63.9,17.7 
    55.9,22.4 55.9,17.7 47.9,22.4 47.9,17.7 39.9,22.4 39.9,17.7 31.9,22.4 31.9,17.7 23.9,22.4 23.9,17.7 15.9,22.4 15.9,17.7 
    7.9,22.4 7.9,17.7 0,22.3 0,23.1 7.9,27.6 7.9,23 15.9,27.6 15.9,23 23.9,27.6 23.9,23 31.9,27.6 31.9,23 39.9,27.6 39.9,23 
    47.9,27.6 47.9,23 55.9,27.6 55.9,23 63.9,27.6 63.9,23 71.9,27.6 71.9,23 79.9,27.6 79.9,23 87.9,27.6 87.9,23 95.9,27.6 95.9,23 
    103.9,27.6 103.9,23 111.9,27.6 111.9,23 119.9,27.6 119.9,23 127.9,27.6 127.9,23 135.9,27.6 135.9,23 143.9,27.6 143.9,23 
    149,25.9 149,19.4 143.9,22.4 "/>
  <polygon class="st0" points="8.5,0 7.9,0 7.9,0.4 "/>
  <polygon class="st0" points="15.9,0.4 16.5,0 15.9,0 "/>
  <polygon class="st0" points="23.9,0.4 24.5,0 23.9,0 "/>
  <polygon class="st0" points="31.9,0.4 32.5,0 31.9,0 "/>
  <polygon class="st0" points="39.9,0.4 40.5,0 39.9,0 "/>
  <polygon class="st0" points="47.9,0.4 48.5,0 47.9,0 "/>
  <polygon class="st0" points="55.9,0.4 56.5,0 55.9,0 "/>
  <polygon class="st0" points="63.9,0.4 64.5,0 63.9,0 "/>
  <polygon class="st0" points="71.9,0.4 72.5,0 71.9,0 "/>
  <polygon class="st0" points="79.9,0.4 80.5,0 79.9,0 "/>
  <polygon class="st0" points="87.9,0.4 88.5,0 87.9,0 "/>
  <polygon class="st0" points="95.9,0.4 96.5,0 95.9,0 "/>
  <polygon class="st0" points="103.9,0.4 104.5,0 103.9,0 "/>
  <polygon class="st0" points="111.9,0.4 112.5,0 111.9,0 "/>
  <polygon class="st0" points="119.9,0.4 120.5,0 119.9,0 "/>
  <polygon class="st0" points="127.9,0.4 128.5,0 127.9,0 "/>
  <polygon class="st0" points="135.9,0.4 136.5,0 135.9,0 "/>
  <polygon class="st0" points="7.9,1 7.9,5.6 8.9,6.2 7.9,6.7 7.9,11.4 15.9,6.7 15.9,5.6 "/>
  <polygon class="st0" points="7.9,5.6 7.9,6.7 8.9,6.2 "/>
  <polygon class="st0" points="15.9,1 15.9,5.6 16.9,6.2 15.9,6.7 15.9,11.4 23.9,6.7 23.9,5.6 "/>
  <polygon class="st0" points="15.9,5.6 15.9,6.7 16.9,6.2 "/>
  <polygon class="st0" points="23.9,1 23.9,5.6 24.9,6.2 23.9,6.7 23.9,11.4 31.9,6.7 31.9,5.6 "/>
  <polygon class="st0" points="23.9,5.6 23.9,6.7 24.9,6.2 "/>
  <polygon class="st0" points="31.9,1 31.9,5.6 32.9,6.2 31.9,6.7 31.9,11.4 39.9,6.7 39.9,5.6 "/>
  <polygon class="st0" points="31.9,5.6 31.9,6.7 32.9,6.2 "/>
  <polygon class="st0" points="39.9,1 39.9,5.6 40.9,6.2 39.9,6.7 39.9,11.4 47.9,6.7 47.9,5.6 "/>
  <polygon class="st0" points="39.9,5.6 39.9,6.7 40.9,6.2 "/>
  <polygon class="st0" points="47.9,1 47.9,5.6 48.9,6.2 47.9,6.7 47.9,11.4 55.9,6.7 55.9,5.6 "/>
  <polygon class="st0" points="47.9,5.6 47.9,6.7 48.9,6.2 "/>
  <polygon class="st0" points="55.9,1 55.9,5.6 56.9,6.2 55.9,6.7 55.9,11.4 63.9,6.7 63.9,5.6 "/>
  <polygon class="st0" points="55.9,5.6 55.9,6.7 56.9,6.2 "/>
  <polygon class="st0" points="63.9,1 63.9,5.6 64.9,6.2 63.9,6.7 63.9,11.4 71.9,6.7 71.9,5.6 "/>
  <polygon class="st0" points="63.9,5.6 63.9,6.7 64.9,6.2 "/>
  <polygon class="st0" points="71.9,1 71.9,5.6 72.9,6.2 71.9,6.7 71.9,11.4 79.9,6.7 79.9,5.6 "/>
  <polygon class="st0" points="71.9,5.6 71.9,6.7 72.9,6.2 "/>
  <polygon class="st0" points="79.9,1 79.9,5.6 80.9,6.2 79.9,6.7 79.9,11.4 87.9,6.7 87.9,5.6 "/>
  <polygon class="st0" points="79.9,5.6 79.9,6.7 80.9,6.2 "/>
  <polygon class="st0" points="87.9,1 87.9,5.6 88.9,6.2 87.9,6.7 87.9,11.4 95.9,6.7 95.9,5.6 "/>
  <polygon class="st0" points="87.9,5.6 87.9,6.7 88.9,6.2 "/>
  <polygon class="st0" points="95.9,1 95.9,5.6 96.9,6.2 95.9,6.7 95.9,11.4 103.9,6.7 103.9,5.6 "/>
  <polygon class="st0" points="95.9,5.6 95.9,6.7 96.9,6.2 "/>
  <polygon class="st0" points="103.9,1 103.9,5.6 104.9,6.2 103.9,6.7 103.9,11.4 111.9,6.7 111.9,5.6 "/>
  <polygon class="st0" points="103.9,5.6 103.9,6.7 104.9,6.2 "/>
  <polygon class="st0" points="111.9,1 111.9,5.6 112.9,6.2 111.9,6.7 111.9,11.4 119.9,6.7 119.9,5.6 "/>
  <polygon class="st0" points="111.9,5.6 111.9,6.7 112.9,6.2 "/>
  <polygon class="st0" points="119.9,1 119.9,5.6 120.9,6.2 119.9,6.7 119.9,11.4 127.9,6.7 127.9,5.6 "/>
  <polygon class="st0" points="119.9,5.6 119.9,6.7 120.9,6.2 "/>
  <polygon class="st0" points="127.9,1 127.9,5.6 128.9,6.2 127.9,6.7 127.9,11.4 135.9,6.7 135.9,5.6 "/>
  <polygon class="st0" points="127.9,5.6 127.9,6.7 128.9,6.2 "/>
  <polygon class="st0" points="135.9,1 135.9,5.6 136.9,6.2 135.9,6.7 135.9,11.4 143.9,6.7 143.9,5.6 "/>
  <polygon class="st0" points="135.9,5.6 135.9,6.7 136.9,6.2 "/>
  <polygon class="st0" points="143.9,5.6 143.9,6.7 144.9,6.2 "/>
  <polygon class="st0" points="7.9,16.6 0,12.1 0,22.3 7.9,17.7 "/>
  <polygon class="st0" points="7.9,17.7 7.9,22.4 15.9,17.7 15.9,16.6 7.9,12 7.9,16.6 8.9,17.2 "/>
  <polygon class="st0" points="8.9,17.2 7.9,16.6 7.9,17.7 "/>
  <polygon class="st0" points="15.9,17.7 15.9,22.4 23.9,17.7 23.9,16.6 15.9,12 15.9,16.6 16.9,17.2 "/>
  <polygon class="st0" points="16.9,17.2 15.9,16.6 15.9,17.7 "/>
  <polygon class="st0" points="23.9,17.7 23.9,22.4 31.9,17.7 31.9,16.6 23.9,12 23.9,16.6 24.9,17.2 "/>
  <polygon class="st0" points="24.9,17.2 23.9,16.6 23.9,17.7 "/>
  <polygon class="st0" points="31.9,17.7 31.9,22.4 39.9,17.7 39.9,16.6 31.9,12 31.9,16.6 32.9,17.2 "/>
  <polygon class="st0" points="32.9,17.2 31.9,16.6 31.9,17.7 "/>
  <polygon class="st0" points="39.9,17.7 39.9,22.4 47.9,17.7 47.9,16.6 39.9,12 39.9,16.6 40.9,17.2 "/>
  <polygon class="st0" points="40.9,17.2 39.9,16.6 39.9,17.7 "/>
  <polygon class="st0" points="47.9,17.7 47.9,22.4 55.9,17.7 55.9,16.6 47.9,12 47.9,16.6 48.9,17.2 "/>
  <polygon class="st0" points="48.9,17.2 47.9,16.6 47.9,17.7 "/>
  <polygon class="st0" points="55.9,17.7 55.9,22.4 63.9,17.7 63.9,16.6 55.9,12 55.9,16.6 56.9,17.2 "/>
  <polygon class="st0" points="56.9,17.2 55.9,16.6 55.9,17.7 "/>
  <polygon class="st0" points="63.9,17.7 63.9,22.4 71.9,17.7 71.9,16.6 63.9,12 63.9,16.6 64.9,17.2 "/>
  <polygon class="st0" points="64.9,17.2 63.9,16.6 63.9,17.7 "/>
  <polygon class="st0" points="71.9,17.7 71.9,22.4 79.9,17.7 79.9,16.6 71.9,12 71.9,16.6 72.9,17.2 "/>
  <polygon class="st0" points="72.9,17.2 71.9,16.6 71.9,17.7 "/>
  <polygon class="st0" points="79.9,17.7 79.9,22.4 87.9,17.7 87.9,16.6 79.9,12 79.9,16.6 80.9,17.2 "/>
  <polygon class="st0" points="80.9,17.2 79.9,16.6 79.9,17.7 "/>
  <polygon class="st0" points="87.9,17.7 87.9,22.4 95.9,17.7 95.9,16.6 87.9,12 87.9,16.6 88.9,17.2 "/>
  <polygon class="st0" points="88.9,17.2 87.9,16.6 87.9,17.7 "/>
  <polygon class="st0" points="95.9,17.7 95.9,22.4 103.9,17.7 103.9,16.6 95.9,12 95.9,16.6 96.9,17.2 "/>
  <polygon class="st0" points="96.9,17.2 95.9,16.6 95.9,17.7 "/>
  <polygon class="st0" points="103.9,17.7 103.9,22.4 111.9,17.7 111.9,16.6 103.9,12 103.9,16.6 104.9,17.2 "/>
  <polygon class="st0" points="104.9,17.2 103.9,16.6 103.9,17.7 "/>
  <polygon class="st0" points="111.9,17.7 111.9,22.4 119.9,17.7 119.9,16.6 111.9,12 111.9,16.6 112.9,17.2 "/>
  <polygon class="st0" points="112.9,17.2 111.9,16.6 111.9,17.7 "/>
  <polygon class="st0" points="119.9,17.7 119.9,22.4 127.9,17.7 127.9,16.6 119.9,12 119.9,16.6 120.9,17.2 "/>
  <polygon class="st0" points="120.9,17.2 119.9,16.6 119.9,17.7 "/>
  <polygon class="st0" points="127.9,17.7 127.9,22.4 135.9,17.7 135.9,16.6 127.9,12 127.9,16.6 128.9,17.2 "/>
  <polygon class="st0" points="128.9,17.2 127.9,16.6 127.9,17.7 "/>
  <polygon class="st0" points="135.9,17.7 135.9,22.4 143.9,17.7 143.9,16.6 135.9,12 135.9,16.6 136.9,17.2 "/>
  <polygon class="st0" points="136.9,17.2 135.9,16.6 135.9,17.7 "/>
  <polygon class="st0" points="143.9,16.6 144.9,17.2 143.9,17.7 143.9,22.4 149,19.4 149,14.9 143.9,12 "/>
  <polygon class="st0" points="144.9,17.2 143.9,16.6 143.9,17.7 "/>
  <polygon class="st0" points="7.9,28.7 7.9,33.4 15.9,28.7 15.9,27.6 7.9,23 7.9,27.6 8.9,28.2 "/>
  <polygon class="st0" points="8.9,28.2 7.9,27.6 7.9,28.7 "/>
  <polygon class="st0" points="15.9,28.7 15.9,33.4 23.9,28.7 23.9,27.6 15.9,23 15.9,27.6 16.9,28.2 "/>
  <polygon class="st0" points="16.9,28.2 15.9,27.6 15.9,28.7 "/>
  <polygon class="st0" points="23.9,28.7 23.9,33.4 31.9,28.7 31.9,27.6 23.9,23 23.9,27.6 24.9,28.2 "/>
  <polygon class="st0" points="24.9,28.2 23.9,27.6 23.9,28.7 "/>
  <polygon class="st0" points="31.9,28.7 31.9,33.4 39.9,28.7 39.9,27.6 31.9,23 31.9,27.6 32.9,28.2 "/>
  <polygon class="st0" points="32.9,28.2 31.9,27.6 31.9,28.7 "/>
  <polygon class="st0" points="39.9,28.7 39.9,33.4 47.9,28.7 47.9,27.6 39.9,23 39.9,27.6 40.9,28.2 "/>
  <polygon class="st0" points="40.9,28.2 39.9,27.6 39.9,28.7 "/>
  <polygon class="st0" points="47.9,28.7 47.9,33.4 55.9,28.7 55.9,27.6 47.9,23 47.9,27.6 48.9,28.2 "/>
  <polygon class="st0" points="48.9,28.2 47.9,27.6 47.9,28.7 "/>
  <polygon class="st0" points="55.9,28.7 55.9,33.4 63.9,28.7 63.9,27.6 55.9,23 55.9,27.6 56.9,28.2 "/>
  <polygon class="st0" points="56.9,28.2 55.9,27.6 55.9,28.7 "/>
  <polygon class="st0" points="63.9,28.7 63.9,33.4 71.9,28.7 71.9,27.6 63.9,23 63.9,27.6 64.9,28.2 "/>
  <polygon class="st0" points="64.9,28.2 63.9,27.6 63.9,28.7 "/>
  <polygon class="st0" points="71.9,28.7 71.9,33.4 79.9,28.7 79.9,27.6 71.9,23 71.9,27.6 72.9,28.2 "/>
  <polygon class="st0" points="72.9,28.2 71.9,27.6 71.9,28.7 "/>
  <polygon class="st0" points="79.9,28.7 79.9,33.4 87.9,28.7 87.9,27.6 79.9,23 79.9,27.6 80.9,28.2 "/>
  <polygon class="st0" points="80.9,28.2 79.9,27.6 79.9,28.7 "/>
  <polygon class="st0" points="87.9,28.7 87.9,33.4 95.9,28.7 95.9,27.6 87.9,23 87.9,27.6 88.9,28.2 "/>
  <polygon class="st0" points="88.9,28.2 87.9,27.6 87.9,28.7 "/>
  <polygon class="st0" points="95.9,28.7 95.9,33.4 103.9,28.7 103.9,27.6 95.9,23 95.9,27.6 96.9,28.2 "/>
  <polygon class="st0" points="96.9,28.2 95.9,27.6 95.9,28.7 "/>
  <polygon class="st0" points="103.9,28.7 103.9,33.4 111.9,28.7 111.9,27.6 103.9,23 103.9,27.6 104.9,28.2 "/>
  <polygon class="st0" points="104.9,28.2 103.9,27.6 103.9,28.7 "/>
  <polygon class="st0" points="111.9,28.7 111.9,33.4 119.9,28.7 119.9,27.6 111.9,23 111.9,27.6 112.9,28.2 "/>
  <polygon class="st0" points="112.9,28.2 111.9,27.6 111.9,28.7 "/>
  <polygon class="st0" points="119.9,28.7 119.9,33.4 127.9,28.7 127.9,27.6 119.9,23 119.9,27.6 120.9,28.2 "/>
  <polygon class="st0" points="120.9,28.2 119.9,27.6 119.9,28.7 "/>
  <polygon class="st0" points="127.9,28.7 127.9,33.4 135.9,28.7 135.9,27.6 127.9,23 127.9,27.6 128.9,28.2 "/>
  <polygon class="st0" points="128.9,28.2 127.9,27.6 127.9,28.7 "/>
  <polygon class="st0" points="135.9,28.7 135.9,33.4 143.9,28.7 143.9,27.6 135.9,23 135.9,27.6 136.9,28.2 "/>
  <polygon class="st0" points="136.9,28.2 135.9,27.6 135.9,28.7 "/>
  <path class="st0" d="M143.9,5.6l1,0.6l-1,0.6v4.6l5.1-3V6c0-0.8-0.2-1.6-0.5-2.3L143.9,1V5.6z"/>
  <path class="st0" d="M143.9,27.6l1,0.6l-1,0.6v4.6l4.4-2.6C148.7,30,149,29,149,28v-2.1l-5.1-3V27.6z"/>
  <polygon class="st0" points="144.9,28.2 143.9,27.6 143.9,28.7 "/>
  <polygon class="st0" points="7.9,34 7.9,34 7.9,34 "/>
  <polygon class="st0" points="15.9,34 15.9,34 15.9,34 "/>
  <polygon class="st0" points="23.9,34 23.9,34 23.9,34 "/>
  <polygon class="st0" points="31.9,34 31.9,34 31.9,34 "/>
  <polygon class="st0" points="39.9,34 39.9,34 39.9,34 "/>
  <polygon class="st0" points="47.9,34 47.9,34 47.9,34 "/>
  <polygon class="st0" points="55.9,34 55.9,34 55.9,34 "/>
  <polygon class="st0" points="63.9,34 63.9,34 63.9,34 "/>
  <polygon class="st0" points="71.9,34 71.9,34 71.9,34 "/>
  <polygon class="st0" points="79.9,34 79.9,34 79.9,34 "/>
  <polygon class="st0" points="87.9,34 87.9,34 87.9,34 "/>
  <polygon class="st0" points="95.9,34 95.9,34 95.9,34 "/>
  <polygon class="st0" points="103.9,34 103.9,34 103.9,34 "/>
  <polygon class="st0" points="111.9,34 111.9,34 111.9,34 "/>
  <polygon class="st0" points="119.9,34 119.9,34 119.9,34 "/>
  <polygon class="st0" points="127.9,34 127.9,34 127.9,34 "/>
  <polygon class="st0" points="135.9,34 135.9,34 135.9,34 "/>
    <path class="st0" d="M7.9,27.6L0,23.1V28c0,1.7,0.7,3.2,1.8,4.3l6.1-3.5V27.6z"/>
    <path class="st0" d="M7.9,1l8,4.6V1l8,4.6V1l8,4.6V1l8,4.6V1l8,4.6V1l8,4.6V1l8,4.6V1l8,4.6V1l8,4.6V1l8,4.6V1l8,4.6V1l8,4.6V1
    l8,4.6V1l8,4.6V1l8,4.6V1l8,4.6V1l8,4.6V1l4.7,2.7c-0.8-1.8-2.3-3.1-4.3-3.5l-0.4,0.2V0.1C143.6,0,143.3,0,143,0h-6.5l-0.6,0.4V0
    h-7.4l-0.6,0.4V0h-7.4l-0.6,0.4V0h-7.4l-0.6,0.4V0h-7.4l-0.6,0.4V0h-7.4l-0.6,0.4V0h-7.4l-0.6,0.4V0h-7.4l-0.6,0.4V0h-7.4l-0.6,0.4
    V0h-7.4l-0.6,0.4V0h-7.4l-0.6,0.4V0h-7.4l-0.6,0.4V0h-7.4l-0.6,0.4V0h-7.4l-0.6,0.4V0h-7.4l-0.6,0.4V0h-7.4l-0.6,0.4V0H8.5L7.9,0.4
    V0H6C4.3,0,2.7,0.8,1.6,2l6.3,3.6V1z"/>
  <path class="st0" d="M143.9,0.4l0.4-0.2c-0.1,0-0.3,0-0.4-0.1V0.4z"/>
  <path class="st0" d="M7.9,5.6L1.6,2C0.6,3,0,4.4,0,6v5.3l7.9-4.5V5.6z"/>
  <path class="st0" d="M143.9,28.7l-8,4.6v-4.6l-8,4.6v-4.6l-8,4.6v-4.6l-8,4.6v-4.6l-8,4.6v-4.6l-8,4.6v-4.6l-8,4.6v-4.6l-8,4.6v-4.6
    l-8,4.6v-4.6l-8,4.6v-4.6l-8,4.6v-4.6l-8,4.6v-4.6l-8,4.6v-4.6l-8,4.6v-4.6l-8,4.6v-4.6l-8,4.6v-4.6l-8,4.6v-4.6l-6.1,3.5
    C2.9,33.3,4.4,34,6,34h1.9v0l0,0h8v0l0,0h8v0l0,0h8v0l0,0h8v0l0,0h8v0l0,0h8v0l0,0h8v0l0,0h8v0l0,0h8v0l0,0h8v0l0,0h8v0l0,0h8v0l0,0
    h8v0l0,0h8v0l0,0h8v0l0,0h8v0l0,0h7.1c2.3,0,4.3-1.3,5.3-3.2l-4.4,2.6V28.7z"/>
 </g>
</svg>
  
  

</body>

</html>

/*Downloaded from https://www.codeseek.co/theangrybird/svg-polygon-animation-YwLBzK */
@-webkit-keyframes highlight {
  0% {
    fill: #0060FF;
  }
  50% {
    fill: #66a0ff;
  }
  100% {
    fill: #003c9e;
  }
}
body {
  background: black;
  perspective: 1000px;
}
body .gridbutton rect,
body .gridbutton path {
  -webkit-animation: highlight 2s ease infinite both;
  transition: transform 1s ease 0.2s;
  transform: rotate3d(0, 1, 0, 0deg);
}
body .gridbutton rect:nth-child(1),
body .gridbutton path:nth-child(1) {
  animation-delay: 0.04s;
  transition-delay: 0.004s;
}
body .gridbutton rect:nth-child(2),
body .gridbutton path:nth-child(2) {
  animation-delay: 0.08s;
  transition-delay: 0.008s;
}
body .gridbutton rect:nth-child(3),
body .gridbutton path:nth-child(3) {
  animation-delay: 0.12s;
  transition-delay: 0.012s;
}
body .gridbutton rect:nth-child(4),
body .gridbutton path:nth-child(4) {
  animation-delay: 0.16s;
  transition-delay: 0.016s;
}
body .gridbutton rect:nth-child(5),
body .gridbutton path:nth-child(5) {
  animation-delay: 0.2s;
  transition-delay: 0.02s;
}
body .gridbutton rect:nth-child(6),
body .gridbutton path:nth-child(6) {
  animation-delay: 0.24s;
  transition-delay: 0.024s;
}
body .gridbutton rect:nth-child(7),
body .gridbutton path:nth-child(7) {
  animation-delay: 0.28s;
  transition-delay: 0.028s;
}
body .gridbutton rect:nth-child(8),
body .gridbutton path:nth-child(8) {
  animation-delay: 0.32s;
  transition-delay: 0.032s;
}
body .gridbutton rect:nth-child(9),
body .gridbutton path:nth-child(9) {
  animation-delay: 0.36s;
  transition-delay: 0.036s;
}
body .gridbutton rect:nth-child(10),
body .gridbutton path:nth-child(10) {
  animation-delay: 0.4s;
  transition-delay: 0.04s;
}
body .gridbutton rect:nth-child(11),
body .gridbutton path:nth-child(11) {
  animation-delay: 0.44s;
  transition-delay: 0.044s;
}
body .gridbutton rect:nth-child(12),
body .gridbutton path:nth-child(12) {
  animation-delay: 0.48s;
  transition-delay: 0.048s;
}
body .gridbutton rect:nth-child(13),
body .gridbutton path:nth-child(13) {
  animation-delay: 0.52s;
  transition-delay: 0.052s;
}
body .gridbutton rect:nth-child(14),
body .gridbutton path:nth-child(14) {
  animation-delay: 0.56s;
  transition-delay: 0.056s;
}
body .gridbutton rect:nth-child(15),
body .gridbutton path:nth-child(15) {
  animation-delay: 0.6s;
  transition-delay: 0.06s;
}
body .gridbutton rect:nth-child(16),
body .gridbutton path:nth-child(16) {
  animation-delay: 0.64s;
  transition-delay: 0.064s;
}
body .gridbutton rect:nth-child(17),
body .gridbutton path:nth-child(17) {
  animation-delay: 0.68s;
  transition-delay: 0.068s;
}
body .gridbutton rect:nth-child(18),
body .gridbutton path:nth-child(18) {
  animation-delay: 0.72s;
  transition-delay: 0.072s;
}
body .gridbutton rect:nth-child(19),
body .gridbutton path:nth-child(19) {
  animation-delay: 0.76s;
  transition-delay: 0.076s;
}
body .gridbutton rect:nth-child(20),
body .gridbutton path:nth-child(20) {
  animation-delay: 0.8s;
  transition-delay: 0.08s;
}
body .gridbutton rect:nth-child(21),
body .gridbutton path:nth-child(21) {
  animation-delay: 0.84s;
  transition-delay: 0.084s;
}
body .gridbutton rect:nth-child(22),
body .gridbutton path:nth-child(22) {
  animation-delay: 0.88s;
  transition-delay: 0.088s;
}
body .gridbutton rect:nth-child(23),
body .gridbutton path:nth-child(23) {
  animation-delay: 0.92s;
  transition-delay: 0.092s;
}
body .gridbutton rect:nth-child(24),
body .gridbutton path:nth-child(24) {
  animation-delay: 0.96s;
  transition-delay: 0.096s;
}
body .gridbutton rect:nth-child(25),
body .gridbutton path:nth-child(25) {
  animation-delay: 1s;
  transition-delay: 0.1s;
}
body .gridbutton rect:nth-child(26),
body .gridbutton path:nth-child(26) {
  animation-delay: 1.04s;
  transition-delay: 0.104s;
}
body .gridbutton rect:nth-child(27),
body .gridbutton path:nth-child(27) {
  animation-delay: 1.08s;
  transition-delay: 0.108s;
}
body .gridbutton rect:nth-child(28),
body .gridbutton path:nth-child(28) {
  animation-delay: 1.12s;
  transition-delay: 0.112s;
}
body .gridbutton rect:nth-child(29),
body .gridbutton path:nth-child(29) {
  animation-delay: 1.16s;
  transition-delay: 0.116s;
}
body .gridbutton rect:nth-child(30),
body .gridbutton path:nth-child(30) {
  animation-delay: 1.2s;
  transition-delay: 0.12s;
}
body .gridbutton rect:nth-child(31),
body .gridbutton path:nth-child(31) {
  animation-delay: 1.24s;
  transition-delay: 0.124s;
}
body .gridbutton rect:nth-child(32),
body .gridbutton path:nth-child(32) {
  animation-delay: 1.28s;
  transition-delay: 0.128s;
}
body .gridbutton rect:nth-child(33),
body .gridbutton path:nth-child(33) {
  animation-delay: 1.32s;
  transition-delay: 0.132s;
}
body .gridbutton rect:nth-child(34),
body .gridbutton path:nth-child(34) {
  animation-delay: 1.36s;
  transition-delay: 0.136s;
}
body .gridbutton rect:nth-child(35),
body .gridbutton path:nth-child(35) {
  animation-delay: 1.4s;
  transition-delay: 0.14s;
}
body .gridbutton rect:nth-child(36),
body .gridbutton path:nth-child(36) {
  animation-delay: 1.44s;
  transition-delay: 0.144s;
}
body .gridbutton rect:nth-child(37),
body .gridbutton path:nth-child(37) {
  animation-delay: 1.48s;
  transition-delay: 0.148s;
}
body .gridbutton rect:nth-child(38),
body .gridbutton path:nth-child(38) {
  animation-delay: 1.52s;
  transition-delay: 0.152s;
}
body .gridbutton rect:nth-child(39),
body .gridbutton path:nth-child(39) {
  animation-delay: 1.56s;
  transition-delay: 0.156s;
}
body .gridbutton rect:nth-child(40),
body .gridbutton path:nth-child(40) {
  animation-delay: 1.6s;
  transition-delay: 0.16s;
}
body .gridbutton rect:nth-child(41),
body .gridbutton path:nth-child(41) {
  animation-delay: 1.64s;
  transition-delay: 0.164s;
}
body .gridbutton rect:nth-child(42),
body .gridbutton path:nth-child(42) {
  animation-delay: 1.68s;
  transition-delay: 0.168s;
}
body .gridbutton rect:nth-child(43),
body .gridbutton path:nth-child(43) {
  animation-delay: 1.72s;
  transition-delay: 0.172s;
}
body .gridbutton rect:nth-child(44),
body .gridbutton path:nth-child(44) {
  animation-delay: 1.76s;
  transition-delay: 0.176s;
}
body .gridbutton rect:nth-child(45),
body .gridbutton path:nth-child(45) {
  animation-delay: 1.8s;
  transition-delay: 0.18s;
}
body .gridbutton rect:nth-child(46),
body .gridbutton path:nth-child(46) {
  animation-delay: 1.84s;
  transition-delay: 0.184s;
}
body .gridbutton rect:nth-child(47),
body .gridbutton path:nth-child(47) {
  animation-delay: 1.88s;
  transition-delay: 0.188s;
}
body .gridbutton rect:nth-child(48),
body .gridbutton path:nth-child(48) {
  animation-delay: 1.92s;
  transition-delay: 0.192s;
}
body .gridbutton rect:nth-child(49),
body .gridbutton path:nth-child(49) {
  animation-delay: 1.96s;
  transition-delay: 0.196s;
}
body .gridbutton rect:nth-child(50),
body .gridbutton path:nth-child(50) {
  animation-delay: 2s;
  transition-delay: 0.2s;
}
body .gridbutton rect:nth-child(51),
body .gridbutton path:nth-child(51) {
  animation-delay: 2.04s;
  transition-delay: 0.204s;
}
body .gridbutton rect:nth-child(52),
body .gridbutton path:nth-child(52) {
  animation-delay: 2.08s;
  transition-delay: 0.208s;
}
body .gridbutton rect:nth-child(53),
body .gridbutton path:nth-child(53) {
  animation-delay: 2.12s;
  transition-delay: 0.212s;
}
body .gridbutton rect:nth-child(54),
body .gridbutton path:nth-child(54) {
  animation-delay: 2.16s;
  transition-delay: 0.216s;
}
body .gridbutton rect:nth-child(55),
body .gridbutton path:nth-child(55) {
  animation-delay: 2.2s;
  transition-delay: 0.22s;
}
body .gridbutton rect:nth-child(56),
body .gridbutton path:nth-child(56) {
  animation-delay: 2.24s;
  transition-delay: 0.224s;
}
body .gridbutton rect:nth-child(57),
body .gridbutton path:nth-child(57) {
  animation-delay: 2.28s;
  transition-delay: 0.228s;
}
body .gridbutton rect:nth-child(58),
body .gridbutton path:nth-child(58) {
  animation-delay: 2.32s;
  transition-delay: 0.232s;
}
body .gridbutton rect:nth-child(59),
body .gridbutton path:nth-child(59) {
  animation-delay: 2.36s;
  transition-delay: 0.236s;
}
body .gridbutton rect:nth-child(60),
body .gridbutton path:nth-child(60) {
  animation-delay: 2.4s;
  transition-delay: 0.24s;
}
body .gridbutton rect:nth-child(61),
body .gridbutton path:nth-child(61) {
  animation-delay: 2.44s;
  transition-delay: 0.244s;
}
body .gridbutton rect:nth-child(62),
body .gridbutton path:nth-child(62) {
  animation-delay: 2.48s;
  transition-delay: 0.248s;
}
body .gridbutton rect:nth-child(63),
body .gridbutton path:nth-child(63) {
  animation-delay: 2.52s;
  transition-delay: 0.252s;
}
body .gridbutton rect:nth-child(64),
body .gridbutton path:nth-child(64) {
  animation-delay: 2.56s;
  transition-delay: 0.256s;
}
body .gridbutton rect:nth-child(65),
body .gridbutton path:nth-child(65) {
  animation-delay: 2.6s;
  transition-delay: 0.26s;
}
body .gridbutton rect:nth-child(66),
body .gridbutton path:nth-child(66) {
  animation-delay: 2.64s;
  transition-delay: 0.264s;
}
body .gridbutton rect:nth-child(67),
body .gridbutton path:nth-child(67) {
  animation-delay: 2.68s;
  transition-delay: 0.268s;
}
body .gridbutton rect:nth-child(68),
body .gridbutton path:nth-child(68) {
  animation-delay: 2.72s;
  transition-delay: 0.272s;
}
body .gridbutton rect:nth-child(69),
body .gridbutton path:nth-child(69) {
  animation-delay: 2.76s;
  transition-delay: 0.276s;
}
body .gridbutton rect:nth-child(70),
body .gridbutton path:nth-child(70) {
  animation-delay: 2.8s;
  transition-delay: 0.28s;
}
body .gridbutton rect:nth-child(71),
body .gridbutton path:nth-child(71) {
  animation-delay: 2.84s;
  transition-delay: 0.284s;
}
body .gridbutton rect:nth-child(72),
body .gridbutton path:nth-child(72) {
  animation-delay: 2.88s;
  transition-delay: 0.288s;
}
body .gridbutton rect:nth-child(73),
body .gridbutton path:nth-child(73) {
  animation-delay: 2.92s;
  transition-delay: 0.292s;
}
body .gridbutton rect:nth-child(74),
body .gridbutton path:nth-child(74) {
  animation-delay: 2.96s;
  transition-delay: 0.296s;
}
body .gridbutton rect:nth-child(75),
body .gridbutton path:nth-child(75) {
  animation-delay: 3s;
  transition-delay: 0.3s;
}
body .gridbutton rect:nth-child(76),
body .gridbutton path:nth-child(76) {
  animation-delay: 3.04s;
  transition-delay: 0.304s;
}
body .gridbutton rect:nth-child(77),
body .gridbutton path:nth-child(77) {
  animation-delay: 3.08s;
  transition-delay: 0.308s;
}
body .gridbutton rect:nth-child(78),
body .gridbutton path:nth-child(78) {
  animation-delay: 3.12s;
  transition-delay: 0.312s;
}
body .gridbutton rect:nth-child(79),
body .gridbutton path:nth-child(79) {
  animation-delay: 3.16s;
  transition-delay: 0.316s;
}
body .gridbutton rect:nth-child(80),
body .gridbutton path:nth-child(80) {
  animation-delay: 3.2s;
  transition-delay: 0.32s;
}
body .gridbutton rect:nth-child(81),
body .gridbutton path:nth-child(81) {
  animation-delay: 3.24s;
  transition-delay: 0.324s;
}
body .gridbutton rect:nth-child(82),
body .gridbutton path:nth-child(82) {
  animation-delay: 3.28s;
  transition-delay: 0.328s;
}
body .gridbutton rect:nth-child(83),
body .gridbutton path:nth-child(83) {
  animation-delay: 3.32s;
  transition-delay: 0.332s;
}
body .gridbutton rect:nth-child(84),
body .gridbutton path:nth-child(84) {
  animation-delay: 3.36s;
  transition-delay: 0.336s;
}
body .gridbutton rect:nth-child(85),
body .gridbutton path:nth-child(85) {
  animation-delay: 3.4s;
  transition-delay: 0.34s;
}
body .gridbutton rect:nth-child(86),
body .gridbutton path:nth-child(86) {
  animation-delay: 3.44s;
  transition-delay: 0.344s;
}
body .gridbutton rect:nth-child(87),
body .gridbutton path:nth-child(87) {
  animation-delay: 3.48s;
  transition-delay: 0.348s;
}
body .gridbutton rect:nth-child(88),
body .gridbutton path:nth-child(88) {
  animation-delay: 3.52s;
  transition-delay: 0.352s;
}
body .gridbutton rect:nth-child(89),
body .gridbutton path:nth-child(89) {
  animation-delay: 3.56s;
  transition-delay: 0.356s;
}
body .gridbutton rect:nth-child(90),
body .gridbutton path:nth-child(90) {
  animation-delay: 3.6s;
  transition-delay: 0.36s;
}
body .gridbutton rect:nth-child(91),
body .gridbutton path:nth-child(91) {
  animation-delay: 3.64s;
  transition-delay: 0.364s;
}
body .gridbutton rect:nth-child(92),
body .gridbutton path:nth-child(92) {
  animation-delay: 3.68s;
  transition-delay: 0.368s;
}
body .gridbutton rect:nth-child(93),
body .gridbutton path:nth-child(93) {
  animation-delay: 3.72s;
  transition-delay: 0.372s;
}
body .gridbutton rect:nth-child(94),
body .gridbutton path:nth-child(94) {
  animation-delay: 3.76s;
  transition-delay: 0.376s;
}
body .gridbutton rect:nth-child(95),
body .gridbutton path:nth-child(95) {
  animation-delay: 3.8s;
  transition-delay: 0.38s;
}
body .gridbutton rect:nth-child(96),
body .gridbutton path:nth-child(96) {
  animation-delay: 3.84s;
  transition-delay: 0.384s;
}
body .gridbutton rect:nth-child(97),
body .gridbutton path:nth-child(97) {
  animation-delay: 3.88s;
  transition-delay: 0.388s;
}
body .gridbutton rect:nth-child(98),
body .gridbutton path:nth-child(98) {
  animation-delay: 3.92s;
  transition-delay: 0.392s;
}
body .gridbutton rect:nth-child(99),
body .gridbutton path:nth-child(99) {
  animation-delay: 3.96s;
  transition-delay: 0.396s;
}
body .gridbutton rect:nth-child(100),
body .gridbutton path:nth-child(100) {
  animation-delay: 4s;
  transition-delay: 0.4s;
}
body svg polygon {
  transition: transform 0.4s ease;
  transform: rotate3d(0, 1, 0, 90deg);
  transform-origin: top center;
  backface-visibility: hidden;
}
body svg polygon:nth-child(1) {
  transition-delay: 0.004s;
}
body svg polygon:nth-child(2) {
  transition-delay: 0.008s;
}
body svg polygon:nth-child(3) {
  transition-delay: 0.012s;
}
body svg polygon:nth-child(4) {
  transition-delay: 0.016s;
}
body svg polygon:nth-child(5) {
  transition-delay: 0.02s;
}
body svg polygon:nth-child(6) {
  transition-delay: 0.024s;
}
body svg polygon:nth-child(7) {
  transition-delay: 0.028s;
}
body svg polygon:nth-child(8) {
  transition-delay: 0.032s;
}
body svg polygon:nth-child(9) {
  transition-delay: 0.036s;
}
body svg polygon:nth-child(10) {
  transition-delay: 0.04s;
}
body svg polygon:nth-child(11) {
  transition-delay: 0.044s;
}
body svg polygon:nth-child(12) {
  transition-delay: 0.048s;
}
body svg polygon:nth-child(13) {
  transition-delay: 0.052s;
}
body svg polygon:nth-child(14) {
  transition-delay: 0.056s;
}
body svg polygon:nth-child(15) {
  transition-delay: 0.06s;
}
body svg polygon:nth-child(16) {
  transition-delay: 0.064s;
}
body svg polygon:nth-child(17) {
  transition-delay: 0.068s;
}
body svg polygon:nth-child(18) {
  transition-delay: 0.072s;
}
body svg polygon:nth-child(19) {
  transition-delay: 0.076s;
}
body svg polygon:nth-child(20) {
  transition-delay: 0.08s;
}
body svg polygon:nth-child(21) {
  transition-delay: 0.084s;
}
body svg polygon:nth-child(22) {
  transition-delay: 0.088s;
}
body svg polygon:nth-child(23) {
  transition-delay: 0.092s;
}
body svg polygon:nth-child(24) {
  transition-delay: 0.096s;
}
body svg polygon:nth-child(25) {
  transition-delay: 0.1s;
}
body svg polygon:nth-child(26) {
  transition-delay: 0.104s;
}
body svg polygon:nth-child(27) {
  transition-delay: 0.108s;
}
body svg polygon:nth-child(28) {
  transition-delay: 0.112s;
}
body svg polygon:nth-child(29) {
  transition-delay: 0.116s;
}
body svg polygon:nth-child(30) {
  transition-delay: 0.12s;
}
body svg polygon:nth-child(31) {
  transition-delay: 0.124s;
}
body svg polygon:nth-child(32) {
  transition-delay: 0.128s;
}
body svg polygon:nth-child(33) {
  transition-delay: 0.132s;
}
body svg polygon:nth-child(34) {
  transition-delay: 0.136s;
}
body svg polygon:nth-child(35) {
  transition-delay: 0.14s;
}
body svg polygon:nth-child(36) {
  transition-delay: 0.144s;
}
body svg polygon:nth-child(37) {
  transition-delay: 0.148s;
}
body svg polygon:nth-child(38) {
  transition-delay: 0.152s;
}
body svg polygon:nth-child(39) {
  transition-delay: 0.156s;
}
body svg polygon:nth-child(40) {
  transition-delay: 0.16s;
}
body svg polygon:nth-child(41) {
  transition-delay: 0.164s;
}
body svg polygon:nth-child(42) {
  transition-delay: 0.168s;
}
body svg polygon:nth-child(43) {
  transition-delay: 0.172s;
}
body svg polygon:nth-child(44) {
  transition-delay: 0.176s;
}
body svg polygon:nth-child(45) {
  transition-delay: 0.18s;
}
body svg polygon:nth-child(46) {
  transition-delay: 0.184s;
}
body svg polygon:nth-child(47) {
  transition-delay: 0.188s;
}
body svg polygon:nth-child(48) {
  transition-delay: 0.192s;
}
body svg polygon:nth-child(49) {
  transition-delay: 0.196s;
}
body svg polygon:nth-child(50) {
  transition-delay: 0.2s;
}
body svg polygon:nth-child(51) {
  transition-delay: 0.204s;
}
body svg polygon:nth-child(52) {
  transition-delay: 0.208s;
}
body svg polygon:nth-child(53) {
  transition-delay: 0.212s;
}
body svg polygon:nth-child(54) {
  transition-delay: 0.216s;
}
body svg polygon:nth-child(55) {
  transition-delay: 0.22s;
}
body svg polygon:nth-child(56) {
  transition-delay: 0.224s;
}
body svg polygon:nth-child(57) {
  transition-delay: 0.228s;
}
body svg polygon:nth-child(58) {
  transition-delay: 0.232s;
}
body svg polygon:nth-child(59) {
  transition-delay: 0.236s;
}
body svg polygon:nth-child(60) {
  transition-delay: 0.24s;
}
body svg polygon:nth-child(61) {
  transition-delay: 0.244s;
}
body svg polygon:nth-child(62) {
  transition-delay: 0.248s;
}
body svg polygon:nth-child(63) {
  transition-delay: 0.252s;
}
body svg polygon:nth-child(64) {
  transition-delay: 0.256s;
}
body svg polygon:nth-child(65) {
  transition-delay: 0.26s;
}
body svg polygon:nth-child(66) {
  transition-delay: 0.264s;
}
body svg polygon:nth-child(67) {
  transition-delay: 0.268s;
}
body svg polygon:nth-child(68) {
  transition-delay: 0.272s;
}
body svg polygon:nth-child(69) {
  transition-delay: 0.276s;
}
body svg polygon:nth-child(70) {
  transition-delay: 0.28s;
}
body svg polygon:nth-child(71) {
  transition-delay: 0.284s;
}
body svg polygon:nth-child(72) {
  transition-delay: 0.288s;
}
body svg polygon:nth-child(73) {
  transition-delay: 0.292s;
}
body svg polygon:nth-child(74) {
  transition-delay: 0.296s;
}
body svg polygon:nth-child(75) {
  transition-delay: 0.3s;
}
body svg polygon:nth-child(76) {
  transition-delay: 0.304s;
}
body svg polygon:nth-child(77) {
  transition-delay: 0.308s;
}
body svg polygon:nth-child(78) {
  transition-delay: 0.312s;
}
body svg polygon:nth-child(79) {
  transition-delay: 0.316s;
}
body svg polygon:nth-child(80) {
  transition-delay: 0.32s;
}
body svg polygon:nth-child(81) {
  transition-delay: 0.324s;
}
body svg polygon:nth-child(82) {
  transition-delay: 0.328s;
}
body svg polygon:nth-child(83) {
  transition-delay: 0.332s;
}
body svg polygon:nth-child(84) {
  transition-delay: 0.336s;
}
body svg polygon:nth-child(85) {
  transition-delay: 0.34s;
}
body svg polygon:nth-child(86) {
  transition-delay: 0.344s;
}
body svg polygon:nth-child(87) {
  transition-delay: 0.348s;
}
body svg polygon:nth-child(88) {
  transition-delay: 0.352s;
}
body svg polygon:nth-child(89) {
  transition-delay: 0.356s;
}
body svg polygon:nth-child(90) {
  transition-delay: 0.36s;
}
body svg polygon:nth-child(91) {
  transition-delay: 0.364s;
}
body svg polygon:nth-child(92) {
  transition-delay: 0.368s;
}
body svg polygon:nth-child(93) {
  transition-delay: 0.372s;
}
body svg polygon:nth-child(94) {
  transition-delay: 0.376s;
}
body svg polygon:nth-child(95) {
  transition-delay: 0.38s;
}
body svg polygon:nth-child(96) {
  transition-delay: 0.384s;
}
body svg polygon:nth-child(97) {
  transition-delay: 0.388s;
}
body svg polygon:nth-child(98) {
  transition-delay: 0.392s;
}
body svg polygon:nth-child(99) {
  transition-delay: 0.396s;
}
body svg polygon:nth-child(100) {
  transition-delay: 0.4s;
}

Comments