Анимация контуров SVG-фигур с примерами. Эффект «рисования» c помощью stroke-dasharray и stroke-dashoffset.

Скорее всего вы уже не раз видели эффект постепенного контурного рисования SVG-фигур. Такая анимация особенно популярна на лендингах c привязкой к прокрутке страниц. Сморится довольно эффектно. Давайте рассмотрим пример, чтобы понять, что я имею ввиду. Draw svg stroke demo Такой…