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

Question

你知道如何采取这样的效果：Image

悬停在图片上时？

我一直在搜索css和jquery，但仍然无法达到我需要的程度。

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

非常感谢你！

（抱歉我的英文）

Answer 1

您可以使用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%
}

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