Как сделать градиентную обводку для элементов в Zero Block на Tilda?
С помощью этой модификации можно добавить градиентную обводку кнопок, шейпов и изображений в Zero Block. Можно настроить цвет и угол наклона градиента и дополнительно включить анимацию для обводки.
1. Создаем в Zero Block кнопку, картинку или шейп и присваиваем класс ti-gradient Чтобы добавить класс, нажимаем на элемент правой кнопкой мыши и выбираем из списка "Add CSS Class Name" и далее, справа в настройках указываем класс
2. Указываем в генераторе настройки градиента: Толщина обводки - указываем толщину обводки в пикселях; Цвет градиента - через запятую указываем цвет градиента (минимум два цвета); Угол наклона градиента - указываем угол наклона градиента; Радиус углов - указываем радиус скругления углов обводки. Учитывайте что обводка будет внешняя и скругление нужно указывать пропорционально к скруглению углов самого элемента. Например, если у вас шейп с радиусом углов 10px и толщина ободки 2px, то в генераторе радиус углов указываем 12px; Анимация - если включено, то добавляет легкую, зацикленную css анимацию для обводки. Дополнительно можно настроить время анимации.