Stroke line animations in perspective

#1

Hello
I’d like to animate a SVG stroke line in perspective with CSS3 like this:

.path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: dash 5s linear forwards;
}

@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}

The problem is i don’t know where should I put @keyframe command in perspective?

1 Like