Как анимировать градиент?
У меня есть css код:
::-webkit-scrollbar-thumb {
background: -webkit-linear-gradient(270deg, hsl(0deg, 100%, 50%), hsl(20deg, 100%, 50%), hsl(40deg, 100%, 50%), hsl(60deg, 100%, 50%), hsl(80deg, 100%, 50%), hsl(100deg, 100%, 50%), hsl(120deg, 100%, 50%), hsl(140deg, 100%, 50%), hsl(160deg, 100%, 50%), hsl(180deg, 100%, 50%), hsl(200deg, 100%, 50%), hsl(220deg, 100%, 50%), hsl(240deg, 100%, 50%), hsl(260deg, 100%, 50%), hsl(280deg, 100%, 50%), hsl(300deg, 100%, 50%), hsl(320deg, 100%, 50%), hsl(340deg, 100%, 50%), hsl(360deg, 100%, 50%));
border-radius: 5px;
border: 2px solid #373737;
}
это код который делает thumb радужным как в палитре цветов.
И мне нужно как-то анимировать чтобы градиент двигался с верху вниз.
Простите если я невнятно объяснил...
Источник: Stack Overflow на русском