Как при наведении реализовать эффект выгнутой дуги?

Question

[hudiakov]

Есть фон - картинка, на фоне есть прямоугольный блок с каким то фоном, при наведении грань блока выгибается внутрь.

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

Comments

[Lord_Dantes]

Фон сделать не картинкой а свг и просто фоном ниже, и далее уже как-то изменять координаты мб.

[Дима Долготер]

погугли svg menu hover

Answer 1

[RAX7]

https://animejs.com/documentation/#morphing

Answer 2

[Дима Долготер]

можешь на мышку повесить блок с фоном как фон подложки.и при наведении будет такой эфект