Loading...
Nolim Academy
Расширение
Онлайн-чат
Академия
Расширение
Техподдержка
Расширение
Онлайн-чат
Nolim Academy
Модификации
Профиль
Подписка
Партнерская программа
Время настройки: 2 минуты

Как анимировать бордер у shape в Tilda?

Модификация поможет настроить толщину, градиент и скорость вращения бордера, а так же смену цветов при наведении
Инструкция (Развернуть↓)
1. Добавляешь в Зеро-блок шейп, к которому необходимо добавить анимацию. И указываешь ему тот же class, что и в генераторе (например, animNolimBorder).

Что бы указать class у элемента, нажимаешь на него правой кнопкой мыши и выбираешь из списка последнюю строку "Add CSS Class Name", далее, справа в настройках указываешь class.

2. В генераторе настраиваешь параметры эффекта:
  • «Class шейпа» – Который указываешь в Зеро-блоке (например, animNolimBorder);
  • «Ширина бордера»;
  • «Цвет бордера»;
  • «Тип цвета»;
  • «Цвет 1 (элемента анимации)»;
  • «Цвет 2 (элемента анимации)»;
  • «Направления анимации»;
  • «Длительность анимации (в секундах)»;

3. Параметры эффекта при наведении:
  • «Цвет фона»;
  • «Цвет бордера»;
  • «Цвет 1 (элемента анимации)»;
  • «Цвет 2 (элемента анимации)»;

4. Копируешь сгенерированный HTML код и вставляешь его в блок Т123;

Имей в виду:

  • Не стабильно работает с sbs анимацией;
Class элемента
Код доступен только тем, кто оплатил подписку
Подписка стоит 400р./мес.
Покупая подписку, ты получаешь доступ ко всем уникальным модификациям
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Подписка закончилась((
Нужно продлить, чтобы получить доступ.
Так так так...
а этот генератор кода доступен только по подписке
Код доступен только тем, кто зарегистрирован
Зарегистрировавшись, ты получаешь доступ ко всем бесплатным модификациям
Made on
Tilda