Question

你好我正在尝试制作自定义形状并在其中插入图像。下面是我到目前为止写的css，它只适用于chrome浏览器，我如何让它在所有浏览器上运行

.shape-custom{
    width:62vw;
    height:600px;
    shape-outside: polygon(0 0, 100% 0, 75% 100%, 0% 100%);
    -webkit-shape-outside:polygon(0 0, 100% 0, 75% 100%, 0% 100%);
    shape-margin: 20px;
    background-color: rgb(74, 161, 255);
    clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%);
}

Answer 1

在尝试使用 experimental 样式进行制作之前，您应该先检查“caniuse.com”。 http://caniuse.com/#feat=css-shapes

跨浏览器自定义形状与CSS

1 个答案: