google-chrome - クリップパスはクロムで動作しますか?

Question

Chrome は現在、クリップパスでのポリゴンの使用をサポートしていますか?

-webkit-clip-path: polygon(0 73%, 0 27%, 100% 16%, 100% 88%);
clip-path: polygon(0 73%, 0 27%, 100% 16%, 100% 88%);

インセットを機能させることはできますが (コメントアウトされたコードを参照)、多角形はできません。

ポリゴンを使ったクリップパスのデモ

Answer 1

理由はわかりませんが、このコードは代わりにうまく機能しました。これを初めて使用したため、おそらくパラメーターが間違っていました。

    -webkit-clip-path: polygon(0 25%, 100% 16%, 100% 89%, 0 64%);
    clip-path: polygon(0 25%, 100% 16%, 100% 89%, 0 64%);`