Как сохранить отображение svg path после проигрывания анимации?

Question

[Александра]

Намучалась с анимацией пунктирной фигуры.
При загрузке прорисовывается линия, но после завершения проигрывания анимации - пунктирная линия пропадает.
Как сохранить отображение пунктирной фигуры после прорисовки?
https://codepen.io/Sokolovskaya/pen/XWORVVo

Answer 1

[Александра]

-webkit-animation-fill-mode:both;
animation-fill-mode:both;

Answer 2

[szQocks]

сделать изначально stroke-dashoffset: 0;

пример

.c-dashed-line__path {
	animation: c-dashed-line-path 3s ease-in-out ;
	fill: none;
	stroke: #fff;
	stroke-dasharray: 241; /* this is the entire length of the line */
	stroke-dashoffset: 0; /* this is the entire length of the line */
	stroke-width: 2;
}

@keyframes c-dashed-line-path {
	0% {
		stroke-dashoffset:241;
	}
  	100% {
		stroke-dashoffset:0;
	}
}