欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css3給png圖片顏色

錢琪琛1年前8瀏覽0評論

CSS3給png圖片染色的方法非常簡單,可以使用filter屬性和mask-image屬性來實現。以下是具體的代碼:

img {
/* 使用 filter 屬性 */
filter: brightness(50%) hue-rotate(90deg);
/* 使用 mask-image 屬性 */
-webkit-mask-image: url('mask.png'); /* webkit內核瀏覽器 */
mask-image: url('mask.png');
}

其中,filter屬性可以實現對圖片進行色相旋轉、亮度調節、對比度調節等效果。具體用法可以參考MDN文檔

mask-image屬性可以實現對圖片的部分區域進行遮罩,只保留遮罩區域內圖片的內容。其實現方式為,將一個png圖片作為遮罩層,應用到需要染色的圖片上。具體用法可以參考MDN文檔

通過組合使用這兩個屬性,可以實現將png圖片染成任意顏色的效果。比如,下面的代碼可以將一個藍色的png圖片染成紅色:

img {
-webkit-mask-image: url('mask.png');
mask-image: url('mask.png');
filter: hue-rotate(180deg);
}

希望這篇文章能為大家帶來幫助,謝謝大家閱讀!