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

css怎么添加濾鏡

呂致盈2年前10瀏覽0評論

CSS中可以通過filter屬性來添加濾鏡效果。濾鏡效果可以改變圖像的顏色、對比度、亮度、透明度等等,讓圖像呈現出不同的視覺效果。

使用filter屬性需要將其應用于需要添加濾鏡的元素上,如下:

.filter{
filter:blur(5px);
}

這樣就可以實現一個模糊的效果,blur為濾鏡函數,可以傳入不同參數值實現不同的效果。每個濾鏡函數都可以設置不同的參數,參數值也可以是一個百分比或者小數。

除了模糊效果,還有很多濾鏡效果可以使用,如:

.filter{
filter:brightness(50%); /*亮度*/
filter:contrast(200%); /*對比度*/
filter:grayscale(100%); /*灰度*/
filter:hue-rotate(180deg); /*色相旋轉*/
filter:invert(100%); /*反相*/
filter:opacity(50%); /*透明度*/
filter:saturate(200%); /*飽和度*/
filter:sepia(100%); /*棕褐色*/
}

上述濾鏡函數可以自由組合,實現不同的濾鏡效果,讓頁面更加生動有趣。

總結:CSS中的濾鏡效果可以通過filter屬性實現,常用的濾鏡函數有模糊、亮度、對比度、灰度、色相旋轉、反相、透明度、飽和度和棕褐色。