css - SVG path animation not working in chrome -


.circle{   opacity:1;   stroke-dasharray: 150;   stroke-dashoffset: 150;   -webkit-transition: stroke-dashoffset 1s 0.5s ease-out;   -moz-transition: stroke-dashoffset 1s 0.5s ease-out;   -ms-transition: stroke-dashoffset 1s 0.5s ease-out;   -o-transition: stroke-dashoffset 1s 0.5s ease-out;   transition: stroke-dashoffset 1s 0.5s ease-out; }  .drawn svg .circle{   opacity: 1;   stroke-dashoffset: 0; } 

fiddle:

https://jsfiddle.net/cq26yjp2/

works fine in firefox, not sure seems problem


Comments

Popular posts from this blog

What is happening when Matlab is starting a "parallel pool"? -

angular - DownloadURL return null in below code -

php - Cannot override Laravel Spark authentication with own implementation -