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

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

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

2. В генераторе настраиваешь параметры эффекта:

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

3. Параметры эффекта при наведении:

• «Цвет фона»;
• «Цвет бордера»;
• «Цвет 1 (элемента анимации)»;
• «Цвет 2 (элемента анимации)»;

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

Имей в виду:

• Не стабильно работает с sbs анимацией;