Как поправить анимацию при наведении?

Question

[posters]

Как сделать, чтобы скругление краев работало при проигрывании анимации?
https://jsfiddle.net/tpd12ram/4/
Если с градиентом (как сейчас) нельзя, то как сделать аналогичную анимацию с картинкой (закомментировал ссылку на нее внизу)?

Answer 1

[Максим]

https://jsfiddle.net/tvwm3qjz/

Comments

[posters]

И что изменилось? Скругления углов при проигрывании анимации как небыло, так и нет.

[Максим]

posters, https://jsfiddle.net/5910geun/

[Максим]

posters, вот смотри : https://codepen.io/topicstarter/pen/qzYeLj но без фона - с анимацией border-radius

[posters]

Максим Ленский, На основе вашего первого примера сделал так как было нужно. Спасибо.

[Максим]

posters, хоть покажи что надо было

[posters]

Максим Ленский, https://jsfiddle.net/pkdqcyo0/3/

[posters]

Максим Ленский, изначально хотелось все таки градиентом сделать, а не картинкой, но и так сойдет.

[Максим]

posters, извени меня конечно ..но либо не до конца ты сделал - либо идея ерунда какая то

[posters]

Максим Ленский, как знаешь...

[Максим]

posters, не...я то ни чё не говорю ...лан твои дела..удачи