Cacher is the code snippet organizer for pro developers

body{background:#34495e;}
.box{
  position:relative;
  display:block;
  width:20em;
  height:4.7em;
  margin: 7em auto;
  overflow:hidden;
}
.text{
  font-family: 'Codystar', cursive;
  font-size:5em;
  font-weight:700;
  text-align:left;
}
.saw{
  position:absolute;
  bottom:0;
  left: 0;
  width:0.3em;
  height:0.3em;
  display:block;
  background:#34495e;  
  animation: saw 8s infinite ease-in-out;
  transition:box-shadow 1s ease;
  box-shadow:
    /* B */
    0 0 0 #34495e,
    0 -0.5em 0 #34495e,
    0 -1em 0 #34495e,
    0 -1.5em 0 #34495e,
    0 -2em 0 #34495e,
    0 -2.5em 0 #34495e,
    0 -3em 0 #34495e,
    0 -3.5em 0 #34495e,
    0.6em 0 0 #34495e,
    1.1em 0 0 #34495e,
    1.6em 0 0 #34495e,
    2.1em -0.1em 0 #34495e,
    2.4em -0.4em 0 #34495e,
    2.6em -0.7em 0 #34495e,
    2.4em -1.1em 0 #34495e,
    2.1em -1.5em 0 #34495e,
    1.6em -1.5em 0 #34495e,
    1.1em -1.5em 0 #34495e,
    0.6em -1.5em 0 #34495e,
    2.4em -1.9em 0 #34495e,
    2.6em -2.2em 0 #34495e,
    2.8em -2.5em 0 #34495e,
    2.8em -2.9em 0 #34495e,
    2.4em -3.2em 0 #34495e,
    2.1em -3.4em 0 #34495e,
    1.6em -3.6em 0 #34495e,
    1.1em -3.6em 0 #34495e,
    0.6em -3.6em 0 #34495e,  
    /* E */
    3.5em 0 0 #34495e,
    4em 0 0 #34495e,
    4.6em 0 0 #34495e,  
    5.1em 0 0 #34495e,
    5.6em 0 0 #34495e,
    3.5em -0.5em 0 #34495e,
    3.5em -1em 0 #34495e,
    3.5em -1.5em 0 #34495e,
    3.5em -2em 0 #34495e,
    4em -2em 0 #34495e,
    4.6em -2em 0 #34495e,
    5.1em -2em 0 #34495e,
    5.6em -2em 0 #34495e,
    3.5em -2.5em 0 #34495e,
    3.5em -3em 0 #34495e,
    3.5em -3.5em 0 #34495e,
    4em -3.5em 0 #34495e,
    4.6em -3.5em 0 #34495e,
    5.1em -3.5em 0 #34495e,
    5.6em -3.5em 0 #34495e,
    /* T */
    8em 0 0 #34495e,
    8em -0.5em 0 #34495e,
    8em -1em 0 #34495e,
    8em -1.5em 0 #34495e,
    8em -2em 0 #34495e,
    8em -2.5em 0 #34495e,
    8em -3em 0 #34495e,
    8em -3.5em 0 #34495e,
    8.6em -3.5em 0 #34495e,
    7.4em -3.5em 0 #34495e,
    9.1em -3.5em 0 #34495e,
    6.8em -3.5em 0 #34495e,
    9.6em -3.5em 0 #34495e,
    /* T */
    11em 0 0 #34495e,
    11em -0.5em 0 #34495e,
    11em -1em 0 #34495e,
    11em -1.5em 0 #34495e,
    11em -2em 0 #34495e,
    11em -2.5em 0 #34495e,
    11em -3em 0 #34495e,
    11em -3.5em 0 #34495e,
    11.6em -3.5em 0 #34495e,
    10.4em -3.5em 0 #34495e,
    12.1em -3.5em 0 #34495e,
    9.8em -3.5em 0 #34495e,
    12.6em -3.5em 0 #34495e,
    /* E */
    13.5em 0 0 #34495e,
    13.5em -0.5em 0 #34495e,
    13.5em -1em 0 #34495e,
    13.5em -1.5em 0 #34495e,
    13.5em -2em 0 #34495e,
    13.5em -2.5em 0 #34495e,
    13.5em -3em 0 #34495e,
    13.5em -3.5em 0 #34495e,
    14em 0 0 #34495e,
    14.5em 0 0 #34495e,
    15em 0 0 #34495e,
    15.5em 0 0 #34495e,
    14em -2em 0 #34495e,
    14.5em -2em 0 #34495e,
    15em -2em 0 #34495e,
    15.5em -2em 0 #34495e,
    14em -3.5em 0 #34495e,
    14.5em -3.5em 0 #34495e,
    15em -3.5em 0 #34495e,
    15.5em -3.5em 0 #34495e,
    /* R */
    16.6em 0 0 #34495e,
    16.6em -0.5em 0 #34495e,
    16.6em -1em 0 #34495e,
    16.6em -1.5em 0 #34495e,
    16.6em -2em 0 #34495e,
    16.6em -2.5em 0 #34495e,
    16.6em -3em 0 #34495e,
    16.6em -3.5em 0 #34495e,
    17.1em -3.5em 0 #34495e,
    17.6em -3.5em 0 #34495e,
    18.1em -3.5em 0 #34495e,
    18.6em -3.2em 0 #34495e,
    19.1em -2.8em 0 #34495e,
    18.8em -2.2em 0 #34495e,
    18.2em -1.7em 0 #34495e,
    17.6em -1.7em 0 #34495e,
    17.8em -1.2em 0 #34495e,
    18em -0.8em 0 #34495e,
    18.2em -0.4em 0 #34495e,
    18.4em 0 0 #34495e;
}

@keyframes saw {
  20%{
    background:#3498db;  
    box-shadow:
      
      /* M */
      0 0 0 #3498db,
      0 -0.5em 0 #3498db,
      0 -1em 0 #3498db,
      0 -1.5em 0 #3498db,
      0 -2em 0 #3498db,
      0 -2.5em 0 #3498db,
      0 -3em 0 #3498db,
      0 -3.5em 0 #3498db,
      0.3em -3.3em 0 #3498db,
      0.6em -2.9em 0 #3498db,
      0.9em -2.5em 0 #3498db,
      1.2em -2.1em 0 #3498db,
      1.5em -1.7em 0 #3498db,
      1.8em -1.4em 0 #3498db,
      2em -1.7em 0 #3498db,
      2.3em -2.1em 0 #3498db,
      2.5em -2.4em 0 #3498db,
      2.8em -2.7em 0 #3498db,
      3em -3em 0 #3498db,
      3.2em -3.3em 0 #3498db,
      3.4em -3.6em 0 #3498db,
      3.4em -3.1em 0 #3498db,
      3.4em -2.6em 0 #3498db,
      3.4em -2.1em 0 #3498db,
      3.4em -1.6em 0 #3498db,
      3.4em -1.1em 0 #3498db,
      3.4em -0.6em 0 #3498db,
      3.4em -0.1em 0 #3498db,
      
      /* A */
      4em -0.1em 0 #3498db,
      4.2em -0.6em 0 #3498db,
      4.4em -1.1em 0 #3498db,
      4.6em -1.6em 0 #3498db,
      4.8em -2.1em 0 #3498db,
      5em -2.6em 0 #3498db,
      5.2em -3em 0 #3498db,
      5.5em -3.5em 0 #3498db,
      5.8em -3em 0 #3498db,
      6em -2.6em 0 #3498db,
      6.2em -2.1em 0 #3498db,
      6.4em -1.6em 0 #3498db,
      6.6em -1.1em 0 #3498db,
      6em -1.1em 0 #3498db,
      5.6em -1.1em 0 #3498db,
      5.1em -1.1em 0 #3498db,
      6.8em -0.6em 0 #3498db,
      7em -0.1em 0 #3498db,
      
      /* K */ 
      7.9em -0.1em 0 #3498db,
      7.9em -0.6em 0 #3498db,
      7.9em -1.1em 0 #3498db,
      7.9em -1.6em 0 #3498db,
      7.9em -2.1em 0 #3498db,  
      7.9em -2.6em 0 #3498db,
      7.9em -3.1em 0 #3498db,
      7.9em -3.6em 0 #3498db,
      8.6em -2.1em 0 #3498db,
      9em -2.6em 0 #3498db,
      9.6em -3.1em 0 #3498db,
      10.1em -3.6em 0 #3498db,
      8.6em -1.6em 0 #3498db,
      9.1em -1.1em 0 #3498db,
      9.6em -0.6em 0 #3498db,
      10.1em -0.1em 0 #3498db,
      
      /* E */ 
      11em -0.1em 0 #3498db,
      11em -0.6em 0 #3498db,
      11em -1.1em 0 #3498db,
      11em -1.6em 0 #3498db,
      11em -2.1em 0 #3498db,
      11em -2.6em 0 #3498db,
      11em -3.1em 0 #3498db,
      11em -3.6em 0 #3498db,
      11.6em -3.6em 0 #3498db,
      12.1em -3.6em 0 #3498db,
      12.6em -3.6em 0 #3498db,
      13.1em -3.6em 0 #3498db,
      11.6em -2.1em 0 #3498db,
      12.1em -2.1em 0 #3498db,
      12.6em -2.1em 0 #3498db,
      13.1em -2.1em 0 #3498db,
      11.6em -0.1em 0 #3498db,
      12.1em -0.1em 0 #3498db,
      12.6em -0.1em 0 #3498db,
      13.1em -0.1em 0 #3498db;
  }
  60%{
    background:#1abc9c;  
    box-shadow:
      
      /* L */
      0 0 0 #1abc9c,
      0 -0.5em 0 #1abc9c,
      0 -1em 0 #1abc9c,
      0 -1.5em 0 #1abc9c,
      0 -2em 0 #1abc9c,
      0 -2.5em 0 #1abc9c,
      0 -3em 0 #1abc9c,
      0 -3.5em 0 #1abc9c,
      0.6em 0 0 #1abc9c,
      1.1em 0 0 #1abc9c,
      1.6em 0 0 #1abc9c,
      2.1em 0 0 #1abc9c,
      
      /* I */
      3.5em 0 0 #1abc9c,
      3.5em -0.5em 0 #1abc9c,
      3.5em -1em 0 #1abc9c,
      3.5em -1.5em 0 #1abc9c,
      3.5em -2em 0 #1abc9c,
      3.5em -2.5em 0 #1abc9c,
      3.5em -3em 0 #1abc9c,
      3.5em -3.5em 0 #1abc9c,
      
      /* F */ 
      5em -0.1em 0 #1abc9c,
      5em -0.6em 0 #1abc9c,
      5em -1.1em 0 #1abc9c,
      5em -1.6em 0 #1abc9c,
      5em -2.1em 0 #1abc9c,
      5em -2.6em 0 #1abc9c,
      5em -3.1em 0 #1abc9c,
      5em -3.6em 0 #1abc9c,
      5.6em -3.6em 0 #1abc9c,
      6.1em -3.6em 0 #1abc9c,
      6.6em -3.6em 0 #1abc9c,
      7.1em -3.6em 0 #1abc9c,
      5.6em -2.1em 0 #1abc9c,
      6.1em -2.1em 0 #1abc9c,
      6.6em -2.1em 0 #1abc9c,
      7.1em -2.1em 0 #1abc9c,
      
      /* E */ 
      8em -0.1em 0 #1abc9c,
      8em -0.6em 0 #1abc9c,
      8em -1.1em 0 #1abc9c,
      8em -1.6em 0 #1abc9c,
      8em -2.1em 0 #1abc9c,
      8em -2.6em 0 #1abc9c,
      8em -3.1em 0 #1abc9c,
      8em -3.6em 0 #1abc9c,
      8.6em -3.6em 0 #1abc9c,
      9.1em -3.6em 0 #1abc9c,
      9.6em -3.6em 0 #1abc9c,
      10.1em -3.6em 0 #1abc9c,
      8.6em -2.1em 0 #1abc9c,
      9.1em -2.1em 0 #1abc9c,
      9.6em -2.1em 0 #1abc9c,
      10.1em -2.1em 0 #1abc9c,
      8.6em -0.1em 0 #1abc9c,
      9.1em -0.1em 0 #1abc9c,
      9.6em -0.1em 0 #1abc9c,
      10.1em -0.1em 0 #1abc9c,
      /* T */
      11em 0 0 #34495e,
      11em -0.5em 0 #34495e,
      11em -1em 0 #34495e,
      11em -1.5em 0 #34495e,
      11em -2em 0 #34495e,
      11em -2.5em 0 #34495e,
      11em -3em 0 #34495e,
      11em -3.5em 0 #34495e,
      11.6em -3.5em 0 #34495e,
      10.4em -3.5em 0 #34495e,
      12.1em -3.5em 0 #34495e,
      9.8em -3.5em 0 #34495e,
      12.6em -3.5em 0 #34495e,
      /* E */
      13.5em 0 0 #34495e,
      13.5em -0.5em 0 #34495e,
      13.5em -1em 0 #34495e,
      13.5em -1.5em 0 #34495e,
      13.5em -2em 0 #34495e,
      13.5em -2.5em 0 #34495e,
      13.5em -3em 0 #34495e,
      13.5em -3.5em 0 #34495e,
      14em 0 0 #34495e,
      14.5em 0 0 #34495e,
      15em 0 0 #34495e,
      15.5em 0 0 #34495e,
      14em -2em 0 #34495e,
      14.5em -2em 0 #34495e,
      15em -2em 0 #34495e,
      15.5em -2em 0 #34495e,
      14em -3.5em 0 #34495e,
      14.5em -3.5em 0 #34495e,
      15em -3.5em 0 #34495e,
      15.5em -3.5em 0 #34495e,
      /* R */
      16.6em 0 0 #34495e,
      16.6em -0.5em 0 #34495e,
      16.6em -1em 0 #34495e,
      16.6em -1.5em 0 #34495e,
      16.6em -2em 0 #34495e,
      16.6em -2.5em 0 #34495e,
      16.6em -3em 0 #34495e,
      16.6em -3.5em 0 #34495e,
      17.1em -3.5em 0 #34495e,
      17.6em -3.5em 0 #34495e,
      18.1em -3.5em 0 #34495e,
      18.6em -3.2em 0 #34495e,
      19.1em -2.8em 0 #34495e,
      18.8em -2.2em 0 #34495e,
      18.2em -1.7em 0 #34495e,
      17.6em -1.7em 0 #34495e,
      17.8em -1.2em 0 #34495e,
      18em -0.8em 0 #34495e,
      18.2em -0.4em 0 #34495e,
      18.4em 0 0 #34495e;
  }
  80%{
    background:#e74c3c;  
    box-shadow:
      /* B */
      0 0 0 #e74c3c,
      0 -0.5em 0 #e74c3c,
      0 -1em 0 #e74c3c,
      0 -1.5em 0 #e74c3c,
      0 -2em 0 #e74c3c,
      0 -2.5em 0 #e74c3c,
      0 -3em 0 #e74c3c,
      0 -3.5em 0 #e74c3c,
      0.6em 0 0 #e74c3c,
      1.1em 0 0 #e74c3c,
      1.6em 0 0 #e74c3c,
      2.1em -0.1em 0 #e74c3c,
      2.4em -0.4em 0 #e74c3c,
      2.6em -0.7em 0 #e74c3c,
      2.4em -1.1em 0 #e74c3c,
      2.1em -1.5em 0 #e74c3c,
      1.6em -1.5em 0 #e74c3c,
      1.1em -1.5em 0 #e74c3c,
      0.6em -1.5em 0 #e74c3c,
      2.4em -1.9em 0 #e74c3c,
      2.6em -2.2em 0 #e74c3c,
      2.8em -2.5em 0 #e74c3c,
      2.8em -2.9em 0 #e74c3c,
      2.4em -3.2em 0 #e74c3c,
      2.1em -3.4em 0 #e74c3c,
      1.6em -3.6em 0 #e74c3c,
      1.1em -3.6em 0 #e74c3c,
      0.6em -3.6em 0 #e74c3c,  
      /* E */
      3.5em 0 0 #e74c3c,
      4em 0 0 #e74c3c,
      4.6em 0 0 #e74c3c,  
      5.1em 0 0 #e74c3c,
      5.6em 0 0 #e74c3c,
      3.5em -0.5em 0 #e74c3c,
      3.5em -1em 0 #e74c3c,
      3.5em -1.5em 0 #e74c3c,
      3.5em -2em 0 #e74c3c,
      4em -2em 0 #e74c3c,
      4.6em -2em 0 #e74c3c,
      5.1em -2em 0 #e74c3c,
      5.6em -2em 0 #e74c3c,
      3.5em -2.5em 0 #e74c3c,
      3.5em -3em 0 #e74c3c,
      3.5em -3.5em 0 #e74c3c,
      4em -3.5em 0 #e74c3c,
      4.6em -3.5em 0 #e74c3c,
      5.1em -3.5em 0 #e74c3c,
      5.6em -3.5em 0 #e74c3c,
      /* T */
      8em 0 0 #e74c3c,
      8em -0.5em 0 #e74c3c,
      8em -1em 0 #e74c3c,
      8em -1.5em 0 #e74c3c,
      8em -2em 0 #e74c3c,
      8em -2.5em 0 #e74c3c,
      8em -3em 0 #e74c3c,
      8em -3.5em 0 #e74c3c,
      8.6em -3.5em 0 #e74c3c,
      7.4em -3.5em 0 #e74c3c,
      9.1em -3.5em 0 #e74c3c,
      6.8em -3.5em 0 #e74c3c,
      9.6em -3.5em 0 #e74c3c,
      /* T */
      11em 0 0 #e74c3c,
      11em -0.5em 0 #e74c3c,
      11em -1em 0 #e74c3c,
      11em -1.5em 0 #e74c3c,
      11em -2em 0 #e74c3c,
      11em -2.5em 0 #e74c3c,
      11em -3em 0 #e74c3c,
      11em -3.5em 0 #e74c3c,
      11.6em -3.5em 0 #e74c3c,
      10.4em -3.5em 0 #e74c3c,
      12.1em -3.5em 0 #e74c3c,
      9.8em -3.5em 0 #e74c3c,
      12.6em -3.5em 0 #e74c3c,
      /* E */
      13.5em 0 0 #e74c3c,
      13.5em -0.5em 0 #e74c3c,
      13.5em -1em 0 #e74c3c,
      13.5em -1.5em 0 #e74c3c,
      13.5em -2em 0 #e74c3c,
      13.5em -2.5em 0 #e74c3c,
      13.5em -3em 0 #e74c3c,
      13.5em -3.5em 0 #e74c3c,
      14em 0 0 #e74c3c,
      14.5em 0 0 #e74c3c,
      15em 0 0 #e74c3c,
      15.5em 0 0 #e74c3c,
      14em -2em 0 #e74c3c,
      14.5em -2em 0 #e74c3c,
      15em -2em 0 #e74c3c,
      15.5em -2em 0 #e74c3c,
      14em -3.5em 0 #e74c3c,
      14.5em -3.5em 0 #e74c3c,
      15em -3.5em 0 #e74c3c,
      15.5em -3.5em 0 #e74c3c,
      /* R */
      16.6em 0 0 #e74c3c,
      16.6em -0.5em 0 #e74c3c,
      16.6em -1em 0 #e74c3c,
      16.6em -1.5em 0 #e74c3c,
      16.6em -2em 0 #e74c3c,
      16.6em -2.5em 0 #e74c3c,
      16.6em -3em 0 #e74c3c,
      16.6em -3.5em 0 #e74c3c,
      17.1em -3.5em 0 #e74c3c,
      17.6em -3.5em 0 #e74c3c,
      18.1em -3.5em 0 #e74c3c,
      18.6em -3.2em 0 #e74c3c,
      19.1em -2.8em 0 #e74c3c,
      18.8em -2.2em 0 #e74c3c,
      18.2em -1.7em 0 #e74c3c,
      17.6em -1.7em 0 #e74c3c,
      17.8em -1.2em 0 #e74c3c,
      18em -0.8em 0 #e74c3c,
      18.2em -0.4em 0 #e74c3c,
      18.4em 0 0 #e74c3c;
  }
}

<div class="box">
  <div class="saw"></div>
</div>