Как сделать анимированный фон?



Анимации — это круто, правда? Они добавляют изюминку на сайт и позволяют ему выделиться на фоне конкурентов.

В веб-дизайне анимация часто используется как способ привлечения внимания. ⤵️



Вы можете создать простой анимированный фон на чистом CSS с помощью готового кода ниже. ⬇️



html, body {

width: 100%;

height:100%;

}

body {

background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);

background-size: 400% 400%;

animation: gradient 15s ease infinite;

}

@keyframes gradient {

0% {

background-position: 0% 50%;

}

50% {

background-position: 100% и 50%;

}

100% {

background-position: 0% 50%;

}

}



#обучение #css