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

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

徘徊在图片上？

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

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

非常感谢！

（抱歉我的英文）

Answer 1

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

#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/