Анимировать изменение градиента фона - JavaScript - PullRequest
Новая
       8

Анимировать изменение градиента фона - JavaScript

1 голос
/ 21 марта 2019

Я пытаюсь заставить работающее изменение цвета фона (изменение градиента в зависимости от значения) быть более плавным и "анимированным".В основном мне интересно, куда поместить код анимации, так как мое изменение цвета существует по-разному (с переключателем)

Должно ли оно быть в каждом случае?или это должно быть в функции, в которой находится переключатель?

Я пытался поместить туда код, чтобы изменить цвет, но, похоже, он не работает.

Спасибо. 

document.getElementsByClassName('article-rating')[i].addEventListener('click', function() {
    sum = allSource2.reduce((tempSum, val) => tempSum + val);
    console.log(sum);

    switch (sum){
        case 1:
            document.body.style.backgroundImage.animate = "linear-gradient(45deg, #4A6ECF 0%, #B46E86 80%, #D76D6D 20%)";
        case 3:
            document.body.style.backgroundImage.animate = "linear-gradient(45deg, #4A6ECF 0%, #B46E86 20%, #D76D6D 90%)";
    }   
});
...