Как в Тильде сделать анимацию скругления углов при наведении?

Вы сможете добавить анимацию скругления при наведении мыши на элемент

Снимок экрана из оригинала статьи на сайте anku.one

Пример

Пример доступен в оригинале статьи на моем сайте.

Инструкция

1. Копируете код в T123;
2. Заполняете настройки*;
3. Устанавливаете внизу страницы, если используете на всем сайте, то устанавливайте в подвал;
4. Создаете ZeroBlock;
5. Добавляете элементы;
6. Присваиваете классы:** «shape-hover-br» — для шейпа; «btn-hover-br» — кнопки; «img-hover-br» — для изображения; «form-hover-br» — для формы;
7. Заполняем настройки;
8. Если необходимо добавляем настройки для адаптивов;
9. Публикуйте страницу.

*Настройки помечены комментариями в коде.
** Классы для шейпа/кнопки/картинки сделаны больше для примера, чтобы разнообразить скругления в рамках 1-го блока. Данные элементы одинаковы по структуре, поэтому можно менять типы блока вне зависимости от класса. Только класс «form-hover-br» рассчитан для работы с формой.

Код примера

Код примера вы можете скопировать, перейдя по ссылке на оригинал статьи, т.к. в Дзен нет обертки для кода в редакторе.

Ссылка на оригинал статьи