画像のマスクを指定する
書式
mask-image : url(マスク画像のURL);
説明
画像のマスクを指定するにはmask-imageを使います。URLにはマスク画像を指定します。このマスク画像はアルファチャネルを含んだPNG形式にします。透明部分は表示されず、不透明部分だけに画像が表示されます。
サンプル
サンプルを実行
サンプルをダウンロード
#myImage {
mask-image : url(mask.png);
-webkit-mask-image : url(mask.png);
}
目次に戻る