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

CSS селектор

Используйте . для класса или # для ID

Цвета градиента

Цвет 1

Цвет 2

Цвет 3

Цвет 4

Исп. цвет 3 Исп. цвет 4

Тип градиента

Линейный Радиальный Конический

Угол: 45°

Анимация

Скорость: 15s

Направление

Пауза при наведении

Дополнительно

Режим наложения

Размер

Код CSS

📌 Инструкция по применению

Способ 1: Только CSS

Скопируйте CSS код
Вставьте в <head> вашего сайта между <style> тегами
Добавьте указанный класс к нужному элементу

Способ 2: HTML + CSS

Скопируйте HTML код
Вставьте в начало <body> вашего сайта
Добавьте указанный класс к нужному элементу

Советы

Для body используйте селектор "body" без точки
Для фона страницы лучше использовать "body" или "html, body"
Экспериментируйте с режимами наложения

Craftum Сайт создан на Craftum