Расширение поможет создавать уникальные решения из базовых блоков в тильде с помощью визуального редактора. Вы просто настраиваете в удобной панели необходимые настройки и сразу видите на опубликованной странице все изменения
Основные возможности расширения:
▪️ СSS-редактор Редактируйте любые элементы базовых блоков с помощью универсального решения, подходит для самых новичков, кто никогда не работал с кодом
▪️ Slider (Слайдер) Создавайте слайдеры любой сложности из базовых блоков и гибко настраивайте их
▪️Grid (Сетки) Создавайте гибкие сетки для базовых блоков и настраивайте их под любую ширину экрана и создавайте уникальные бенто-решения
▪️Hover (Наведение) Создавайте любые эффекты при наведении на элементы базовых блоков
▪️ Lottie (Лотти) Скоро Создавайте Lottie-анимации в зеро-блоке и настраивайте их поведение по скроллу, при наведении, совместно с SBS-анимацией и многим другим триггерам. Также создавайте свои анимации из фото и видео и добавляйте их на сайт
▪️ Зеро-блок Скоро Создавайте уникальные сетки для элементов зеро-блока в удобном визуальном редакторе
▪️ Shop (Магазин) Скоро Применяйте различные готовые решения для каталога, корзины и карточек товаров
▪️Animate (Анимации) В разработке Создавайте любые анимации для элементов базовых блоков
▪️Flex (Флекс) В разработке Настраивайте гибкие решения с помощью CSS Flexbox для контейнеров базовых блоков
Создавайте уникальные mesh-градиенты, сохраняйте в любом формате и добавляйте готовый код на сайт
Вставить градиент внутрь блока
Класс элемента в
zero-блоке
Базовые настройки
Цвет фона
Режим смешивания
Гамма1.0
Жесткость1.0
Физика
Скорость0.5
Пульсация0.1
Вращение0.0
Поток0.2
Шум0.15
Зерно1.0
Эффекты
Бандинг0
Искажение
Сила0.0
RGB Сдвиг
Сдвиг0.0
Интерактивность (Мышь)
Сила0.0
Пост-обработка
WebGL2
Блюм0
Порог блюма0.70
Виньетка0.30
Мягкость виньетки1.00
Контраст1.00
Насыщенность1.00
Температура0
Детализация шума1
Точки градиентаМаксимум 8 точек
Сохранение ...
Библиотека пресетов
×
Настройки анимации
×
Проиграть
ВидеоСкоро
Изображение JPEG
Изображение PNG
Изображение WebP
Копировать код
Скачать код .js
CSS градиент
Скачать SVG
Сохранить конфигурацию JSON
Загрузить конфигурацию JSON
Пак изображений
Настройки слоя
Копия
Удалить
Размер
Прозрачность
Сплющивание
Вращение
Искажение
RGB Сдвиг
Готовый код
Вставьте в блок HTML Tilda (T123).
Экспорт
Горизонтально
Вертикально
Размер (px)
Зациклить (Loop)
Длительность (сек)
Итоговое
видео: 5 сек
Качество (Bitrate)
Формат
Формат файлов
Будет скачан архив из 20 кадров. Каждый кадр — это уникальное состояние градиента.
Качество0.9
Обратите внимание!
Сейчас начнется покадровый рендер видео. Страница может перестать отвечать на запросы.
Пожалуйста, не закрывайте вкладку и дождитесь завершения процесса.