CSS - mask-image

概要

属性名mask-image
<mask-reference>#
値の詳細<mask-reference> = none | <image> | <mask-source>
<mask-source> = <url>
初期値none
適用可能要素すべての要素。SVG においては <defs> 要素を除くコンテナ要素、グラフィック要素、および、<use> 要素
継承継承しない
サポートhttps://caniuse.com/mdn-css_properties_mask-image

説明

マスクイメージを指定します。カンマ(,)連結で複数指定することができます。詳細は CSSマスク を参照してください。

使用例

CSS
mask-image: none;
mask-image: url(mask.png);
mask-image: linear-gradient(black, transparent);
mask-image: url(mask1.png), url(mask2.png);

リンク