Как анимировать градиент?

Question

[oksanatkachik094]

Допустим, есть кнопка с бэграундом:

background: linear-gradient(94.43deg, #fb8043 -1.08%, #f0625a 48.81%, #b54dad 107.78%)

А по ховеру background: #000.
Но плавности не будет.

Comments

[Ankhena]

https://css-tricks.com/property/

Вы можете просто убирать псевдо с градиентом через прозрачность. Либо наоборот.

Answer 1

[archelon]

с градиентом, как и с фоновым изображением, transition не работает.
можно попробовать с помощью псевдоэлементов.
https://codepen.io/archelon/pen/XWEMVGW