一個(gè)做搞笑類視頻的網(wǎng)站取名seo工具下載
css更改圖片顏色，比較時(shí)候顏色單一的圖片，比如logo之類的 css中的 filter 屬性定義元素（通常是 <img>）的視覺效果（如模糊和飽和度）
img{
-webkit-filter: invert(51%) sepia(94%) saturate(6433%) hue-rotate(190deg) brightness(93%) contrast(101%);
filter: invert(51%) sepia(94%) saturate(6433%) hue-rotate(190deg) brightness(93%) contrast(101%);
}這個(gè)代碼片段是CSS樣式，用于在網(wǎng)頁上為圖片元素 (img) 添加一系列的濾鏡效果。具體來說，它通過 -webkit-filter 和 filter 屬性來實(shí)現(xiàn)這些效果。下面是每個(gè)濾鏡的具體含義：
-
invert(51%)：將圖像的顏色反轉(zhuǎn)51%。即把圖像的顏色變?yōu)樗鼈兊难a(bǔ)色，反轉(zhuǎn)比例為51%。 -
sepia(94%)：將圖像轉(zhuǎn)換為深褐色調(diào)，類似于舊照片效果，深褐色比例為94%。 -
saturate(6433%)：增加圖像的飽和度，使顏色更加鮮艷，飽和度為原來的6433%。 -
hue-rotate(190deg)：改變圖像的色相，將色相順時(shí)針旋轉(zhuǎn)190度。 -
brightness(93%)：調(diào)整圖像的亮度，使圖像的亮度變?yōu)樵瓉淼?3%。 -
contrast(101%)：調(diào)整圖像的對(duì)比度，使對(duì)比度變?yōu)樵瓉淼?01%。
這些濾鏡組合在一起，可以產(chǎn)生獨(dú)特的視覺效果，可能用于特定的設(shè)計(jì)需求或視覺效果。
濾鏡函數(shù)
注釋：使用百分比值（例如 75％）的濾鏡，也接受該值是十進(jìn)制（例如 0.75）。
| 濾鏡 | 描述 |
|---|---|
| none | 默認(rèn)值。規(guī)定無效果。 |
| blur(px) | 對(duì)圖像應(yīng)用模糊效果。較大的值將產(chǎn)生更多的模糊。 如果為指定值，則使用 0。 |
| brightness(%) | 調(diào)整圖像的亮度。
|
| contrast(%) | 調(diào)整圖像的對(duì)比度。
|
| drop-shadow(h-shadow v-shadow blur spread color) | 對(duì)圖像應(yīng)用陰影效果。 可能的值：
blur -可選。這是第三個(gè)值，單位必須用像素。為陰影添加模糊效果。值越大創(chuàng)建的模糊就越多（陰影會(huì)變得更大更亮）。不允許負(fù)值。如果未規(guī)定值，會(huì)使用 0（陰影的邊緣很銳利）。 spread - 可選。這是第四個(gè)值，單位必須用像素。正值將導(dǎo)致陰影擴(kuò)展并增大，負(fù)值將導(dǎo)致陰影縮小。如果未規(guī)定值，會(huì)使用 0（陰影與元素的大小相同）。 注釋：Chrome、Safari 和 Opera，也許還有其他瀏覽器，不支持第 4 個(gè)長(zhǎng)度；如果添加，則不會(huì)呈現(xiàn)。 color - 可選。為陰影添加顏色。如果未規(guī)定，則顏色取決于瀏覽器（通常為黑色）。 這個(gè)例子創(chuàng)建了紅色的陰影，水平和垂直方向均為 8px，帶有 10px 的模糊效果： filter: drop-shadow(8px 8px 10px red); 提示：這個(gè)濾鏡類似 box-shadow 屬性。 |
| grayscale(%) | 將圖像轉(zhuǎn)換為灰階。
注釋：不允許負(fù)值。 |
| hue-rotate(deg) | 在圖像上應(yīng)用色相旋轉(zhuǎn)。該值定義色環(huán)的度數(shù)。默認(rèn)值為 0deg，代表原始圖像。 注釋：最大值是 360deg。 |
| invert(%) | 反轉(zhuǎn)圖像中的樣本。
注釋：不允許負(fù)值。 |
| opacity(%) | 設(shè)置圖像的不透明度級(jí)別。opacity-level 描述了透明度級(jí)別，其中：
注釋：不允許負(fù)值。 提示：這個(gè)濾鏡類似 opacity 屬性。 |
| saturate(%) | 設(shè)置圖像的飽和度。
注釋：不允許負(fù)值。 |
| sepia(%) | 將圖像轉(zhuǎn)換為棕褐色。
注釋：不允許負(fù)值。 |
| url() | url() 函數(shù)接受規(guī)定 SVG 濾鏡的 XML 文件的位置，并且可以包含指向特定濾鏡元素的錨點(diǎn)。實(shí)例： filter: url(svg-url#element-id) |
| initial | 將此屬性設(shè)置為其默認(rèn)值。參閱?initial。 |
| inherit | 從其父元素繼承此屬性。參閱?inherit。 |