CSSを使用したクロスブラウザカスタムシェイプ

Question

こんにちは私はカスタムシェイプを作成し、その内部に画像を挿入しようとしています。以下は、私がこれまでに書かれているCSSであり、それが唯一のクロムブラウザ上で動作し、私が作るのですか実験を使用しようとする前に、

.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

あなたが「caniuse.com」を確認する必要があり、それはすべてのブラウザ上で動作させます生産のためのスタイル。 http://caniuse.com/#feat=css-shapes