Как убрать мигание в блоке?

Question

[maketosLikes]

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

изначально ему задан liner-gradient
а когда наводим на итемы - просто background

https://jsfiddle.net/zhp43rfn/

Comments

[iBird Rose]

ну ты причину сам нашел. на liner-gradient не действует transition. отсюда и мигание

[maketosLikes]

iBird Rose, не понимаю, как исправить
ведь градиент не уберешь
а бэграунд это просто цвет. Не градиент

[iBird Rose]

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

[Ankhena]

Градиент не анимируется.

Но вы можете сделать градиент в 2 раза (или не в 2, а как нравится) больше чем блок и сдвигать его.

Примеры гуглятся.