Увеличение уже анимированных кнопок в 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 кнопки в зеро блоке анимация в зеро блоке анимация в тильде по наведению в тильде по наведению в зеро блоке
Back to Top