巧用CSS遮罩

1. 用法 -webkit-mask樣式是利用該屬性指定的圖片作爲遮罩，利用這張圖像的透明度來顯示位於該遮罩圖下方的圖像。如果遮罩圖某個像素點透明度爲1則顯示下方的圖像，透明度爲0則不顯示，介於0-1之間則呈現相應的透明度。 詳情參考 mask - CSS | MDN 可以看到，mask的語法基本上拷貝自background，可以設置遮罩的url, position, repeat, size等屬

>>阅读原文<<