Почему не работает анимация?

Question

[Alexander3928]

Не работа анимация "вырисовка". Хотя если брать пример изменения цвета svg fill тогда работает, а вот вырисовка не работает. Чего не хватает или где ошибка?

https://codepen.io/Alexxxsander/pen/wvygByJ

Answer 1

[Николай Угольников]

Comments

[Alexander3928]

Это не то. Мне нужо чтобы оно рисовало с фоном, как я кидал пример. А тут только контур.

[Николай Угольников]

Alexander3928,

@keyframes home {
  100% {
    stroke-dashoffset: 0;
    fill: red;
  }
}

[Alexander3928]

Николай Угольников, Вы меня не поняли. Ваш пример рисует только контур. Я кидал пример svg, мне нужно чтобы не контур svg с прозрачным фоном рисовался, а само svg

[Николай Угольников]

Alexander3928, понял

[Alexander3928]

Николай Угольников, Как должно быть


Как у вас


Точно поняли?

[Alexander3928]

Николай Угольников, Если ты про fill, тогда оно резко появляется как уже готовая фигура, а не как линия которая поэтапно вырисовывается