Hover анимация ссылок в Webflow

Продолжаем знакомство с Hover анимация в Webflow, когда происходит какое-то действие при наведении курсора на объект. В этом уроке мы поработаем со ссылками и сделаем довольно несложную анимацию, но она добавит динамичности вашему сайту. Дополнительно покажу, как просто добавлять SVG иконки через текстовый редактор блокнот.
#sokolovwebflow
максим соколов webflow webflow анимация webflow создание сайта webflow уроки webflow обзор

[@user-vv4ko8gw8j]

Очень здорово! Спасибо. И как же все просто. Супер.

[@Dubrovsky...]

Макс спасибо за hover анимацию... это очень полезное видео... интересное решение... прям как видео урок... все так чётко и понятно рассказываешь.... уважуха и респект тебе за такой неоценимый контент... лайк как всегда улител... да заметил ток я на ютубе слежу, смотрю твои видео и оцениваю.....

[@jumorsoslavkoy]

Сейчас на этом сайте нет возможности получить код элемента. Но можно скачать SVG-файл, который загружается в конструктор и устанавливается.
Не знаю связано с загрузкой этого файла или нет, но сегодня исчезла анимация "hover" у элементов в режиме редактирования, её видно только в режиме предпросмотра ((. Как можно вернуть анимацию при наведении в режиме редактирования?
Вы говорите, что нужно вставить "линк блок", но вставляете "линк текст". В каких случаях нужен "линк блок", а в каких "линк текст"?
Как Вам удаётся одновременно менять размер отступа сверху и снизу?
Чтобы получилась анимация для второй стрелки, пришлось менять ширину "див блока" на 20 px в режиме "hover". Если размер "див блока" при наведении не менять, а менять только внешний отступ для "линк текста", то анимации нет.

[@vsafronoff89]

а можно ссылку на сайт с иконками?

[@web_steps]

icons.getbootstrap.com/

[@evilsnake4069]

www.flaticon.com