svg-animation-hack

<!-- this should be on codepen... lets do that instead -->

<svg>
</svg>


<style>

  #test svg #anim * {
    transition: stroke-dashoffset 1s ease;
    stroke-dashoffset: 0!important;
  }

</style>


<script>
  $("#test svg #anim path").each(function(index, line){
    pathPrepare(line)
  })
          
  setTimeout(function(){
    $("#test").addClass("active")
  },100)
  

  //for prepping SVGs for animation
  function pathPrepare (e) {
    var lineLength = e.getTotalLength();
    $(e).css("stroke-dasharray", lineLength);
    $(e).css("stroke-dashoffset", lineLength);
  }
</script>