title: How to slow down SVG stroke dashoffset and stroke dashoffset line animation
body: <p>Hi how do slow I down SVG stroke dashoffset and stroke dashoffset line animation?</p>
  
  <p>I would like to have the lines draw at a slower pace. Codepen is <a href="http://codepen.io/MrThunder/pen/mJmRqa" rel="nofollow">here</a></p>
  
  <pre><code>.st0{
      fill:none;
      stroke:#231F20;
      stroke-width:3;
  }
  .st2{
      fill:none;
      stroke:#231F20;
      stroke-miterlimit:10;
      stroke-width:3;
  }
  .st0,.st2 {
      stroke-dasharray: 958;
      stroke-dashoffset: 958;
      animation: dash 2s 5s linear forwards;
     webkit-animation:  dash 2s 5s linear forwards;
  }
  @keyframes dash {
      to {
          stroke-dashoffset: 0;
      }
  }
  @keyframes filling {
      0% {
          fill: #231F20;
      }
      100% {
          fill: #D6D3BB;
      }
  }
  @-webkit-keyframes dash {
      to {
          stroke-dashoffset: 0;
      }
  }
  </code></pre>