Вы сможете добавить анимацию скругления при наведении мыши на элемент Пример доступен в оригинале статьи на моем сайте. *Настройки помечены комментариями в коде.
** Классы для шейпа/кнопки/картинки сделаны больше для примера, чтобы разнообразить скругления в рамках 1-го блока. Данные элементы одинаковы по структуре, поэтому можно менять типы блока вне зависимости от класса. Только класс «form-hover-br» рассчитан для работы с формой. Код примера вы можете скопировать, перейдя по ссылке на оригинал статьи, т.к. в Дзен нет обертки для кода в редакторе.
Вы сможете добавить анимацию скругления при наведении мыши на элемент
Пример
Пример доступен в оригинале статьи на моем сайте.
Инструкция
- Копируете код в T123;
- Заполняете настройки*;
- Устанавливаете внизу страницы, если используете на всем сайте, то устанавливайте в подвал;
- Создаете ZeroBlock;
- Добавляете элементы;
- Присваиваете классы:** «shape-hover-br» — для шейпа; «btn-hover-br» — кнопки; «img-hover-br» — для изображения; «form-hover-br» — для формы;
- Заполняем настройки;
- Если необходимо добавляем настройки для адаптивов;
- Публикуйте страницу.
*Настройки помечены комментариями в коде.
** Классы для шейпа/кнопки/картинки сделаны больше для примера, чтобы разнообразить скругления в рамках 1-го блока. Данные элементы одинаковы по структуре, поэтому можно менять типы блока вне зависимости от класса. Только класс «form-hover-br» рассчитан для работы с формой.
Код примера
Код примера вы можете скопировать, перейдя по ссылке на оригинал статьи, т.к. в Дзен нет обертки для кода в редакторе.