SVG animation on path like the snail

Question

I have the following SVG and I would like to draw the circles pixel by pixel on the path after moveing. It\'s like when the snail goes he let a streak behind him. So my question

Answer 1

You can do something like this for an instance:

.path {
  stroke-dasharray: 1230;
  stroke-dashoffset: 1230;
  animation: snail 6s linear forwards;
}

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