CSS3是一種用于網頁設計的樣式語言，其中包含了豐富的特效和效果。其中圖片陰影遮罩是一種常見的應用，可以讓圖片看起來更加美觀。下面我們來介紹一下如何使用CSS3實現圖片陰影遮罩。

.shadow {
width: 200px;
height: 200px;
background: url(images/picture.jpg) no-repeat center center;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7) inset; 
box-shadow: 0 0 10px rgba(0, 0, 0, 0.7) inset; 
overflow: hidden;
}

上述代碼中，我們首先定義了一個名為.shadow的類，其中設置了圖片的寬度、高度和背景。接下來，我們通過“-webkit-box-shadow”和“box-shadow”屬性來設置圖片的陰影效果。其中，“0 0 10px”表示陰影的水平偏移、垂直偏移和模糊半徑，“rgba(0, 0, 0, 0.7)”表示陰影顏色和透明度，而“inset”則表示陰影的位置在邊框內部。

最后，我們在類中設置了overflow屬性為“hidden”，這是為了讓圖片的陰影效果只出現在文本內容中。如果沒有這個屬性的話，陰影效果也會出現在類的外部。

總的來說，使用CSS3實現圖片陰影遮罩并不難，只需要掌握好上述的CSS代碼即可。同時，我們也可以根據實際需求來調整陰影效果的參數，來實現不同的效果。