背景SVG / Div带角落切断

Question

我需要创建一个像下面这样的形状作为背景图像。我一直在看这个作为svg，但似乎无法控制结果图像的大小。

我希望有人能指出我正确的方向。

谢谢！

SVG shape

Answer 1

这可以使用svg clip-path完成。

以下CSS将塑造div，右下角被切掉，以便您可以放置​​任何背景：

-webkit-clip-path: polygon(100% 0, 100% 65%, 54% 100%, 0 100%, 0 0);
clip-path: polygon(100% 0, 100% 65%, 54% 100%, 0 100%, 0 0);

在线有多个SVG生成器：

• http://bennettfeely.com/clippy/
• http://cssplant.com/clip-path-generator