一、定義遮罩：

• 用mask-image屬性指定要做為遮罩的影像圖片。
• 第二個影像會做為第一個影像的遮罩。
• 第二個影像不透明的部分會呈現出第一個影像的內容，透明的部分不會呈現，半透明則以半透明方式呈現。
• 影像遮罩可以作用在任何元素上面。

二、改變遮罩的模式：

• 遮罩模式：mask-mode
• 數值　alpha | luminance | match-source
• alpha表示用影像的alpha通道計算遮罩。
• luminance則是用影像中的亮度值計算遮罩。
• match-source預設值，如果來源是image就用alpha；如果是SVG 元素就用luminance

三、尺寸與重複遮罩：

• 尺寸遮罩 mask-size
• 重複遮罩 mask-repeat
• 二者的設定方法與background-size和background-repeat相同。

四、定位遮罩：

• 定位遮罩 mask-position
• 遮罩中心點 mask-origin
• 二者的設定方法與background-position和background-origin相同。
• 在預設的情況下，遮罩影像方框的原點是在邊框的外圍。