Svg анимация css | анимация линий svg
Заказать сайт у меня - https://illyalandar.site/
0:00 - вступление
0:36 - создаем svg shape
2:20 - сжимаем svg
2:50 - cоздаем анимацию svg текста
11:30 - анимируем любую свг фигуру
Анимация свг идет по этапам:
1. Создание svg фигуры
2. Сжимаем свг фигуру убираем примеси
3. Узнаем значение dashoffset svg фигуры
4. Анимируем через keyframe свойство dashoffset
5. Наслаждаемся анимацией.
Статья про SVG Line Animation - https://css-tricks.com/svg-line-anima...
Cжимаем SVG - https://jakearchibald.github.io/svgomg/