jquery - 删除图像角落或使其透明

Question

我正在尝试删除图像角落或使其透明，因此该角落后面的背景应该是可见的。有没有办法用 Jquery 或 CSS 做到这一点？

Answer 1

是的，您可以使用CSS 2.1 剪辑属性或使用 SVG 和剪辑路径属性来执行此操作。这里有一个关于如何做到这一点的教程：

http://www.html5rocks.com/en/tutorials/masking/adobe/

Answer 2

您可以设置border-radius：

$("#IDofImage").css("border-radius", "10px");

当然，如果您只想从页面加载一直设置 CSS，请使用纯 CSS：

#IDofImage {
    border-radius: 10px;
}