Как сделать Reverse для данного градиента при ховере?

Question

[DeniSidorenko]

Привет есть такой градиент

linear-gradient(to bottom, #fc5a83, #fd4362 33%, #ff8f5d);

Как сделать reverse при наведение если его позиция to bottom. Пробовал сделать ховер , получается если менять направление на to right. Но как сделать реверс если он to bottom

https://codepen.io/anon/pen/vvPbXB
Вот пример где видно как анимириуется если градиент идет to right

Comments

[RAX7]

linear-gradient(to top, #fc5a83, #fd4362 33%, #ff8f5d)

[DeniSidorenko]

RAX7, Надо через background position что бы было плавно
https://codepen.io/anon/pen/vvPbXB
Вот пример

[Rustam Bainazarov]

DeniSidorenko, тогда в чём вопрос-то, коли у вас и пример, и сам код есть?..

Answer 1

[prrrrrrr]

to top?

Comments

[DeniSidorenko]

Вот такой эффект хочу. Здесь тот же градиент но to right и при наведение идет отличный эффект
https://codepen.io/anon/pen/aPMXmR

[prrrrrrr]

DeniSidorenko, вы сами ответили на свой вопрос. скопируйте код и замените на свои цвета если нужно

Answer 2

[2cha.headz]

https://codepen.io/glagolew059/pen/pqYGpa