Добавляет анимацию увеличения по наведению мыши кнопок, на которые уже назначена другая анимация в ZERO-блоках!
ВИДЕО-ОБЗОР НА RUTUBE:
Добавьте программный код из этого файла на свой сайт на Tilda в соответствии с инструкцией.
После оплаты Вы получите:
- Программный код для увеличения кнопок по наведению мыши
 |
1 покупка навсегда! Покупаете 1 раз и можете использовать в любом количестве проектов без ограничений во времени. |
Задать вопрос перед покупкой
Далее можете не читать (написано для SEO-продвижения сайта)
В этом ролике я покажу как сделать увеличение кнопок при наведении мыши в
ZERO-блоке в Тильде. Но не простых кнопок, а тех кнопок, к которым уже
применён эффект анимации.
Дело в том, что Тильда не позволяет назначать на элементы несколько
анимаций. И если, к примеру, дизайн подразумевает плавное появление
элементов на странице, то логично что и кнопки должны появляться так же
плавно с базовой анимацией. Или если использована степ-бай-степ
анимация.
Я применил все виды анимации, чтобы показать что способ, который
предложу, работает в любых случаях.
Разумеется, Вы уже знаете что Тильда не позволяет одновременно
использовать базовую и степ-бай-степ анимацию. Иначе конечно просто бы
решалось, типа мы базовую назначили на появление, а степ-бай-степ – на
увеличение. Но так не работает. Либо то либо другое.
Получается что единственную доступную анимацию мы уже используем для
появления, и для увеличения при наведении мыши ничего не остаётся.
Я написал программный код, который позволяет при наведении мыши
увеличивать уже анимированные кнопки.
Открываем скачанный файлик, всё оттуда копируем, добавляем на страницу
блок Т123-HTML из раздела «Другое» и вставляем в этот блок скопированный
код.
После этого надо скопировать название CSS-класса «scalehover» (типа с
английских масштаб и увеличение), перейти в редактирование ZERO-блока,
правой мышкой кликнуть на кнопке, которую будем увеличивать, и выбрать
пункт меню Add CSS Class-name (добавить имя CSS-класса). Справа появится
окно, которого раньше не было, и в него вставляем скопированное имя
CSS-класса «scalehover».
Проделываем это со всеми нужными кнопками, сохраняем, публикуем – теперь
у нас кнопки и появляются красиво и могут увеличиваться при наведении.
Вы также можете менять время масштабирования в секундах и масштаб
изменения размеров кнопки.Ключевые слова:
увеличить кнопки в тильде
две анимации в тильде
базовая анимация
степ бай степ анимация
sbs анимация
анимация кнопок в тильде
анимация при наведении в тильде
кнопки в тильде
кнопки tilda
кнопки zero
кнопки в зеро блоке
анимация в зеро блоке
анимация в тильде
по наведению в тильде
по наведению в зеро блоке
