Линейная градиентная анимация не работает ни в одном браузере - PullRequest
Новая
       53

Линейная градиентная анимация не работает ни в одном браузере

0 голосов
/ 11 декабря 2019

В моем случае я не могу решить проблему линейно-градиентной анимации. Я пробовал ее во всех браузерах, но ничего не работает.

CSS 

body {
    overflow: hidden;
}

.gradient {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, red, blue);
    -webkit-animation: animate 10s ease infinite ;
    animation: animate 10s ease infinite ;

}

@keyframes :animate{
    0% {background-position: 0% 50%;}
    50% {background-position: 100% 50%;}
    100% {background-position: 0% 50%;}
}

@-webkit-keyframes :animate{
    0% {background-position: 0% 50%;}
    50% {background-position: 100% 50%;}
    100% {background-position: 0% 50%;}
}
...