Javascript 如何使用css或jquery创建曲线图像（见图）

你知道如何产生这样的效果吗：

在图片上悬停时

我一直在搜索css和jquery，但仍然没有找到我需要的

请给我一个解决办法

非常感谢你

---

（对不起我的英语）

您可以使用CSS border radius属性并将其应用于悬停，例如：

#img:hover {
    border-top-right-radius:50% 10%;
    border-top-left-radius:50% 10%;
    border-bottom-right-radius:50% 10%;
    border-bottom-left-radius:50% 10%
}

---

演示：

非常感谢。对我来说，这也许是迄今为止最好的解决办法。谢谢你的建议，不用客气。如果您需要拉伸图像（如示例中所示），只需将

width

和

height

属性添加到上述CSS中即可获得额外效果。是的，我明白了。再次感谢：D