Анимация градиента

Используя данный CSS можно получить круговую анимацию градиента фона любой группы. Добавьте в HTML - блок на страницу и вставьте в него CSS - стиль прописанный ниже

CSS - код:

<style>
#gradientanim {
	background: linear-gradient(-45deg, #E1DDF5, #F7E7CE, #F7D7DD, #CBEFF3, #FEDED9);
	background-size: 400% 400%;
	animation: gradient 5s ease infinite;
	height: 100vh;
       opacity: 1;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
</style> 

gradientanim - это ID атрибут элемента, фон которого вы хотите анимировать 

linear-gradient - тип градиента

-45deg, #E1DDF5 ... - начальный угол поворота градиента, а также цвета из которых он состоит

@keyframes gradient {...} - ключевые кадры анимации в начальной позиции (0%), средней (50%) и в конце (100%)

Результат: