Анимированный градиентный фон
Линейный градиент
Радиальный градиент
Используется декларативная разметка с классом as-animGradient. Указываются параметры:
- color - список HEX-цветов через запятую.
- speed - шаг изменения цветов (от 0.005 до 0.1).
- delay - частота вызова функци смены фона (от 10 до 50).
- type - если radial, то будет градиент круговой.
- format - формат вывода кругового (по умолчанию "ellipse farthest-corner") и линейного градиента (по умолчанию "left top, right top").
Пример разметки:
<h3>Линейный градиент</h3>
<div class="as-animGradient p-5" data-delay="10" data-colors="#e99716,#360de9,#97bedd,#c41b37" data-speed="0.01">
11
</div>
<div class="as-animGradient p-5" data-delay="30" data-colors="#1bc420,#0c4b0e,#46de49,#c7f7c8,#00ff06" data-speed="0.01">
22
</div>
<div class="as-animGradient p-5" data-delay="500"
data-colors="#00d5ff,#1d899f,#7fdbee,#055fbc" data-speed="0.04">
333
</div>
<div class="as-animGradient p-5" data-delay="30" data-colors="#90ad06,#838f46,#32fe46,#f5ff33,#4c7b1d" data-speed="0.04" data-format="right bottom, right top">
444
</div>
<h3>Радиальный градиент</h3>
<div class="as-animGradient p-5" data-delay="10"
data-colors="#e99716,#360de9,#97bedd,#c41b37" data-speed="0.009" data-type="radial" data-format="">
11
</div>
<div class="as-animGradient p-5" data-delay="30" data-colors="#1bc420,#0c4b0e,#46de49,#c7f7c8,#00ff06" data-speed="0.02" data-type="radial">
22
</div>
<div class="as-animGradient p-5" data-delay="500"
data-colors="#00d5ff,#1d899f,#7fdbee,#055fbc" data-speed="0.04" data-type="radial">
333
</div>
<div class="as-animGradient p-5" data-delay="30" data-colors="#90ad06,#838f46,#32fe46,#f5ff33,#4c7b1d" data-speed="0.04" data-type="radial" data-format="circle farthest-side">
444
</div>Документация - https://falconspace.ru/docs/animaciya-gradientnogo-fona
В чем выгода для бизнеса?
Создание анимированного градиентного фона для элементов страницы. Делает дизайн более живым и привлекательным, усиливает визуальный эффект.Последние обновления
Форма 24.02.2026
05.02.2026
Форма 25.01.2026
Форма 12.12.2025
Интеграции 24.11.2025
Разное 24.11.2025
Форма 15.11.2025
Визуализация 02.11.2025
Таблица 08.10.2025
Форма 26.09.2025
Таблица 23.09.2025
Разное 23.08.2025
Таблица 21.08.2025
Форма 20.08.2025
Таблица 18.08.2025
Таблица 21.06.2025
Форма 07.06.2025
Форма 29.03.2025
SQL-инструмент для создания личных кабинетов на сайте
Платформа Falcon Space
Это снижение стоимости владения
за счет меньшего количества людей для поддержки
Это быстрое внесение изменений
по ходу эксплуатации программы
Это современный интерфейс
полная адаптация под мобильные устройства