javascript - 如何使用 css 或 jquery 创建弯曲的图像（见图）

Question

你知道如何实现这样的效果吗：图片

悬停在图片上时？

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

请给我一个解决方案来做到这一点。

太感谢了！

（对不起我的英语）

Answer 1

您可以使用 CSS 边框半径属性并将其应用于悬停，例如：

#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%
}

演示：http: //jsfiddle.net/r3KzP/1/