Как сделать плавное изменение фона?

Question

[ByJumping]

Есть картинка


При наведении нужно что бы она стала такой -



Нужна анимация, что бы не просто картинка плавно сменялась, а как диаграмма плавно закрашивалась, например как в разных библиотеках - chart.js.

Свойство transition здесь не работает

вот пример как я пытался это реализовать

https://codepen.io/ByJumping/pen/bGxpjEV

Comments

[Yulia Khavaeva]

Думаю можно использовать анимации и сделать блок, у которого например спаны (часть диаграммы другого цвета) и анимацию применять, когда будет ховер