SVG animate the stroke-offset for css no work

Confirmed Issue #8507953


oscar m.
Aug 16, 2016
This issue is public.
Found in
  • Microsoft Edge
Found in build #
Reported by 2 people

Sign in to watch or report this issue.

Steps to reproduce

.path {
stroke-dasharray: 1000;
stroke-dashoffset: 1000;
animation: dash 5s linear alternate infinite;

@keyframes dash {
from {
stroke-dashoffset: 1000;
to {
stroke-dashoffset: 0;


0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “Ibrahim O.”

      Changed Status to “Confirmed”

    • Thank you for your feedback. This is a known issue (CSS support on SVG elements - Not supported) and we are currently tracking down this issue in one of our internal bugs which is not publicly accessible. I will go ahead and close this bug as duplicate for now and as a status update this feature will be available in one of our future updates. 

      All the best,
      The MS Edge Team

    You need to sign in to your Microsoft account to add a comment.

    Sign in