SVG stroke-dashoffset not working on safari
<p>Stroke-dashoffset is not working on safari even if I add -webkit- prefix. please help me. Thanks!....</p>

<p>Here is my sample code....</p>

<pre><code>#path1 {
  stroke-dasharray: 500;
  -webkit-animation: dash 2s ease;
  animation: dash 2s ease;
  display:inline-block;
}
.path2 {
  stroke-dasharray: 500;
  -webkit-animation: dash 2s ease;
  animation: dash 2s ease;
  display:inline-block;
}

@keyframes dash {
  from {
  stroke-dashoffset: -500;
  }
}

@-webkit-keyframes dash {
  from {
  stroke-dashoffset: -500;
  }
}
</code></pre>