Демостенд - https://demo.falconspace.ru/list/watch/animirovanny-gradientny-fon---1168
Область применения - секции лендингов (альтернатива фоновым изображениям).
Используется декларативная разметка с классом as-animGradient. Указываются параметры:
Пример разметки:
<div class="as-animGradient p-5" data-delay="10" data-colors="#e99716,#360de9,#97bedd,#c41b37" data-speed="0.004">
11
</div>
<div class="as-animGradient p-5" data-delay="30" data-colors="#1bc420,#0c4b0e,#46de49,#c7f7c8,#00ff06" data-speed="0.007">
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">
444
</div>