Движущийся градиент

Разместите в zero-блоке разноцветные круги-шейпы, сделайте им radiant-заливку с 0%-прозрачностью по краям, примените blur 100.
У меня 11 кругов диаметром 1000px, цвета #b6e8f4, #cefbaf, #ffbf7e, #ff859e, #7a62d8, фон блока #ffe7cf. Здесь неограниченный простор для экспериментов с размером, расположением и цветами.

С помощью пошаговой анимации задайте перемещение кругов по экрану в 4-6 шагов. Event: Element on Screen, Loop, Duration:1s. В качестве альтернативного варианта можно настроить базовую анимацию Parallax: Mouse, тогда градиент будет двигаться при перемещении курсора. Важно делать разную траекторию для каждого объекта.

Используйте блок от ANNEXX ANX822 - Mix-blend, значение color-dodge, чтобы переходы в градиенте были ещё более эффектными. Можно попробовать и другие значения, они тоже смотрятся интересно.

Готово, можно переходить к текстам и другим элементам дизайна. Градиент идеально подойдёт для эффектного первого экрана. Попробуйте сами!