пишет:
дравствуйте! Сегодня я хочу рассказать о том как сделать анимацию в SVG. Итак, мы уже многое знаем об SVG. Мы можем рисовать какие-то объекты в SVG, стилизовать их и писать текст, но есть ещё одна классная вещь - анимация. Вот о том, как анимировать SVG объекты, мы и поговорим в этой статье.
<svg> <rect x="0" y="0" width="150" height="150" fill="#0f0"> <animate attributeName="width" from="0" to="150" dur="5s" /> </rect> </svg>
Для анимации служит тег animate. Атрибут attributeName принимает название того атрибута, который мы будем анимировать, from и to, собственно, начальное и конечное значение, а в dur мы указываем сколько секунд будет длиться анимация.
Также мы можем анимировать положение объекта на странице. Как вы помните, атрибут x и y указываем положение по оси x и по оси y. Вот, чтобы передвинуть объект, мы будем анимировать эти атрибуты. Читать далее
Это интересно
+1
|
|||
Последние откомментированные темы:
-
Лучшие инструменты для трекинга SERP в 2021 году: 3 лучших по мнению Digital Expert
(1)
David
,
23.12.2021
-
SEO анализ сайта: зачем он Вам и как его делать
(1)
reznikas123
,
01.04.2021
-
«SEO-перезагрузка 2019. Как получать бесплатный трафик с поисковых систем в 2019 году»
(4)
agor5
,
30.08.2019
-
(ВАЖНО! Владельцам сайтов) Как публиковать анонсы в группе
(35)
master284
,
16.05.2019
20251120084228