@Aleksa-s
Намучалась с анимацией пунктирной фигуры.
При загрузке прорисовывается линия, но после завершения проигрывания анимации — пунктирная линия пропадает.
Как сохранить отображение пунктирной фигуры после прорисовки?
https://codepen.io/Sokolovskaya/pen/XWORVVo
При загрузке прорисовывается линия, но после завершения проигрывания анимации — пунктирная линия пропадает.
Как сохранить отображение пунктирной фигуры после прорисовки?
https://codepen.io/Sokolovskaya/pen/XWORVVo
Решения вопроса 0
Ответы на вопрос 2
@Aleksa-s
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
animation-fill-mode:both;
@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;
}
}