filter濾鏡小知識總結

2022-08-31 01:33:08 字數 981 閱讀 4307

filter: progid:dximagetransform.microsoft.gradient(gradienttype=0,startcolorstr=#ffffff, endcolorstr=#ece9d8

在做css調整的時候常常會看到filter這個屬性,那麼這一串的規定代表什麼呢?

在ie中filter分為靜態濾鏡(visual filters)和過渡轉場(transitions

.test

/*如:模糊濾鏡

*/.blur

那麼,開頭為什麼要加上progid:dximagetransform.microsoft呢?

progid:dximagetransform.microsoft表示的是微軟的濾鏡應用。根據w3c的解釋,這個是css2標準中的定義,後面就不用了。

gradienttype:可讀寫。整數值(integer)。設定或檢索色彩漸變的方向。1 | 0 

1:預設值。水平漸變。 

0:垂直漸變。

startcolorstr:可選項。字串(string)。設定或檢索色彩漸變的開始顏色和透明度。其格式為 #aarrggbb 。 aa 、 rr 、 gg 、 bb 為十六進製制正整數。取值範圍為 00 - ff 。 rr 指定紅色值, gg 指定綠色值, bb 指定藍色值,參閱 #rrggbb 顏色單位。 aa 指定透明度。 00 是完全透明。 ff 是完全不透明。超出取值範圍的值將被恢復為預設值。 取值範圍為 #ff000000 - #ffffffff 。預設值為 #ff0000ff 。不透明藍色。 

endcolorstr:可選項。字串(string)。設定或檢索色彩漸變的結束顏色和透明度。參閱 startcolorstr 屬性。預設值為 #ff000000 。不透明黑色。 

Filter過濾器小知識

1 簡介 伺服器端程式,負責攔截請求,在進行主程式之前對請求進行相關處理 2 常見應用 session與cookie登陸 中文亂碼問題 響應資料壓縮等 3 配置攔截路徑 1 web.xml 配置tomcat過濾器實現類 filter name 唯一,命名過濾器 filter filter name ...

簡單說 CSS濾鏡 filter屬性

濾鏡主要是用來實現影象的各種特殊效果,css的濾鏡是很神奇的。css的濾鏡,也就是filter屬性,主要有下面這幾個屬性值 blur 模糊 brightness 亮度 注意 值是100 影象無變化。超過100 變亮,小於100 變暗。contrast 對比度 與brightness 一樣 contr...

簡單說 CSS濾鏡 filter屬性

濾鏡主要是用來實現影象的各種特殊效果,css的濾鏡是很神奇的。css的濾鏡,也就是filter屬性,主要有下面這幾個屬性值 blur 模糊 brightness 亮度 注意 值是100 影象無變化。超過100 變亮,小於100 變暗。contrast 對比度 與brightness 一樣 contr...