w3-notes logo

cocochido

HTML/CSSリファレンス

mask-imageプロパティ

inheritance
継承不可
animation type
離散的な(50%の位置で入れ替わる)アニメーション。

説明

使用例

出力結果

構文
syntax help

mask-image: <mask-reference>#
詳細

<mask-reference> = none | <image> | <mask-source> <mask-source> = <url>

none
[規定値] 透明の黒いマスクレイヤとして解釈されます。
マスクレイヤとする画像を指定します。
マスクレイヤとするリソースのURLを指定します。

ブラウザ対応状況

mask-image
IE
Edge
Firefox
Chrome
Safari
Opera
iOS Safari
Chrome for Android
Firefox for Android
16
53
1
4
15
3.2
18
53
11
81
76
81
13.1
68
13.4
81
68
mask-image: svg: masks
IE
Edge
Firefox
Chrome
Safari
Opera
iOS Safari
Chrome for Android
Firefox for Android
18
53
8
4
15
3.2
18
53
11
81
76
81
13.1
68
13.4
81
68
mask-image: multiple: mask: images
IE
Edge
Firefox
Chrome
Safari
Opera
iOS Safari
Chrome for Android
Firefox for Android
18
53
1
4
15
3.2
18
53
11
81
76
81
13.1
68
13.4
81
68
Support data for this feature provided by
 
サポート
 
部分サポート
 
非サポート
 
不明
最終更新日: 2021-02-24
© 2020 ここちい堂. All rights reserved.