Увеличение уже анимированных кнопок в Tilda в ZERO блоке. Двойная анимация в Тильде
Увеличение уже анимированных кнопок в Tilda в ZERO блоке. Двойная анимация в Тильде
Ссылка на код (можно поставить на паузу на 1:09 и перепечатать с экрана или скачать за символическую плату 150р.):
Индивидуальное обучение Тильде:
🏆 Мой СУПЕР-Курс по программированию в Тильде:
Скорая помощь по Тильде (и не только):
Отличная платёжная система для интернет-магазинов:
Если подключите по этой ссылке, получите 3 месяца премиум-обслуживания (будете платить 2.8% за банковские операции по приёму платежей на Вашем сайте вместо обычных 3%)
После регистрации сразу обратитесь в техподдержку, там работают очень добрые и грамотные люди, они с радостью помогут Вам подключить платёжную систему к сайту. Я неоднократно к ним обращался сам, поэтому смело рекомендую.
В этом ролике я покажу как сделать увеличение кнопок при наведении мыши в ZERO-блоке в Тильде. Но не простых кнопок, а тех кнопок, к которым уже применён эффект анимации.
Дело в том, что Тильда не позволяет назначать на элементы несколько анимаций. И если, к примеру, дизайн подразумевает плавное появление элементов на странице, то логично что и кнопки должны появляться так же плавно с базовой анимацией. Или если использована степ-бай-степ анимация.
Я применил все виды анимации, чтобы показать что способ, который предложу, работает в любых случаях.
Разумеется, Вы уже знаете что Тильда не позволяет одновременно использовать базовую и степ-бай-степ анимацию. Иначе конечно просто бы решалось, типа мы базовую назначили на появление, а степ-бай-степ – на увеличение. Но так не работает. Либо то либо другое.
Получается что единственную доступную анимацию мы уже используем для появления, и для увеличения при наведении мыши ничего не остаётся.
Я написал программный код, который позволяет при наведении мыши увеличивать уже анимированные кнопки.
Открываем скачанный файлик, всё оттуда копируем, добавляем на страницу блок Т123-HTML из раздела «Другое» и вставляем в этот блок скопированный код.
После этого надо скопировать название CSS-класса «scalehover» (типа с английских масштаб и увеличение), перейти в редактирование ZERO-блока, правой мышкой кликнуть на кнопке, которую будем увеличивать, и выбрать пункт меню Add CSS Class-name (добавить имя CSS-класса). Справа появится окно, которого раньше не было, и в него вставляем скопированное имя CSS-класса «scalehover».
Проделываем это со всеми нужными кнопками, сохраняем, публикуем – теперь у нас кнопки и появляются красиво и могут увеличиваться при наведении.
Вы также можете менять время масштабирования в секундах и масштаб изменения размеров кнопки.
Ключевые слова:
увеличить кнопки в тильде
две анимации в тильде
базовая анимация
степ бай степ анимация
sbs анимация
анимация кнопок в тильде
анимация при наведении в тильде
кнопки в тильде
кнопки tilda
кнопки zero
кнопки в зеро блоке
анимация в зеро блоке
анимация в тильде
по наведению в тильде
по наведению в зеро блоке
1 view
1512
614
6 months ago 00:00:58 1
В исторических регионах к 2030 году увеличится количество кинозалов вдвое
6 months ago 00:00:42 2
Одним из приоритетных направлений развития Ясиноватой станет усиление ее общественно-деловой функции