Конструктор анимированного градиентного фона

АНИМИРОВАННЫЙ ГРАДИЕНТ

Настройте цвета градиента, углы наклона и анимацию

Настройки градиента

Слой 1

Цвет 1:

Цвет 2:

Угол (градусы):

Слой 2

Цвет 1:

Цвет 2:

Угол (градусы):

Слой 3

Цвет 1:

Цвет 2:

Угол (градусы):

Анимация

Скорость анимации:

Экспорт

Класс элемента:

Экспорт кода

Инструкция по использованию:

1. Настройте параметры градиентов

2. Скопируйте код или скачайте HTML-файл

3. Вставьте код в нужное место на сайте

4. Добавьте класс к вашему контейнеру (по умолчанию "animated-bg")

5. Убедитесь, что контейнер имеет размеры (например: width: 100%; height: 100vh;)

Назад

Модификации

Подборка кодовых модификаций для сайтов на Craftum, позволяющая решить любые задачи, выходящие за рамки стандартного конструктора Craftum.
С генераторами кода и видео-инструкциями.
Расширения для Craftum, с которым ты можешь больше и быстрее создать продающий и впечатляющий сайт для себя и своих клиентов.

Для сайта