Задать вопрос
@cester
css

Как анимировать svg элементы один за другим?

Добрый день! Подскажите пожалуйста как лучше анимировать появление svg элементов и равномерно их разместить в процентном соотношении?
Нужно как-то показать их друг за другом.

такой код
  • Вопрос задан
  • 402 просмотра
Комментировать
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 3
LenovoId
@LenovoId Куратор тега SVG
svg, css,js
https://codepen.io/topicstarter/pen/WmMwMp - вариант ?
Ответ написан
Комментировать
Комментировать
RAX7
@RAX7
Еще вариант
*не работает в ie/edge

равномерно их разместить в процентном соотношении

убери viewBox, замени rect на line и задавай координаты в процентах
Ответ написан
1 комментарий
1 комментарий
Casufi
@Casufi
Вариант номер 1
https://developer.mozilla.org/ru/docs/Web/CSS/anim...
вариант номер 2
https://developer.mozilla.org/en-US/docs/Web/API/W...

https://css-tricks.com/animating-svg-css/
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Написать код на python
19 апр. 2024, в 03:01
1000 руб./за проект
Настройка сервера
18 апр. 2024, в 21:56
2000 руб./за проект
Помощь с водпресс
18 апр. 2024, в 21:00
150 руб./за проект
Ещё заказы