画像のマスクを指定する

書式

mask-image : url(マスク画像のURL);

説明

画像のマスクを指定するにはmask-imageを使います。URLにはマスク画像を指定します。このマスク画像はアルファチャネルを含んだPNG形式にします。透明部分は表示されず、不透明部分だけに画像が表示されます。

サンプル サンプルを実行 サンプルをダウンロード

#myImage {
mask-image : url(mask.png);
-webkit-mask-image : url(mask.png);
}
目次に戻る