Почему не работает transition и как починить?

Question

[ArtJH]

Я меняю css свойства через js. Transition не работает при смене свойств
https://dev-site.glowstore.kz/

Comments

[Александр Осадчий]

А можно демо проблемы (например на jsfiddle) ?

[ArtJH]

Александр Осадчий, Залил

[Dima Polos]

Что хотите анимировать?

[ArtJH]

Dima Polos, задний верхний и нижний фон, при скроле

[Александр Осадчий]

ArtJH, Я честно говоря так и не понял - что должно быть анимировано?
Плавность смены фона, или что?

[ArtJH]

Александр Осадчий, https://simplychocolate.dk/
Хочу сделать так. Чтоб плавно менялся градиент при скроле

[Антон Литвиненко]

градиент в принципе не анимируется

[ArtJH]

Антон Литвиненко,
https://simplychocolate.dk/
а как они сделали?

[Антон Литвиненко]

ArtJH, ну явно не на css. предполагаю что какая-то библиотека, например pixi.js

Answer 1

[Dima Polos]

Почему не работает transition для background-image?

Comments

[ArtJH]

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

[ArtJH]

Dima Polos, А как тут они сделали плавное изменение градиента тогда?
https://simplychocolate.dk

[Dima Polos]

ArtJH, я не могу посмотреть, сейчас телефон, но через js можно все что угодно.

[Dima Polos]

ArtJH, можно анимировать положение фона

Answer 2

[Александр Осадчий]

Вам нужно сделать две вариации градиента для каждого блока, и анимировать этот момент..сам градиент действительно не анимируется, но вот его положение - это можно: