filter 的各種值

2021-08-19 16:19:03 字數 733 閱讀 6260

之前只用過filter的opacity,竟然不知道filter還有很多的值,可以在我們的專案中設定使用。下面將會使用➕屬性值的方式介紹filter。

1.none。。預設值,沒有效果。

2.blur。。給影象設定高斯模糊。"radius"一值設定高斯函式的標準差,或者是螢幕上以多少畫素融在一起, 所以值越大越模糊;---filter:blur(10px);

3.brightness(%)。。給應用一種線性乘法,使其看起來更亮或更暗。如果值是0%,影象會全黑。值是100%,則影象無變化。其他的值對應線性乘數效果。值超過100%也是可以的,影象會比原來更亮。如果沒有設定值,預設是1

4.contrast(%)

調整影象的對比度。值是0%的話,影象會全黑。值是100%,影象不變。值可以超過100%,意味著會運用更低的對比。若沒有設定值,預設是1。

5.drop-shadow(

h-shadow v-shadow blur spread color

)。。前兩個值時必須選擇的,若都是0.則在的正後方,drop-shadow(10px 10px 10px red);

6.grayscale(

%)將影象轉換為灰度影象。值定義轉換的比例。值為100%則完全轉為灰度影象,值為0%影象無變化。值在0%到100%之間,則是效果的線性乘子。若未設定,值預設是0;

7.opacity.轉化影象的透明程度。值定義轉換的比例。值為0%則是完全透明,值為100%則影象無變化。

最全的屬性址:

HtmlParser中的各種Filter 1

所有的filter均實現了nodefilter介面,此介面只有乙個方法boolean accept node node 用於確定某個節點 是否屬於此filter過濾的範圍。htmlparser在org.htmlparser.filters包之內一共定義了16個不同的filter,也可以分為幾類。判斷...

css3中filter的各種特效

css3中的filter屬性可以說是簡單易用且強大,這些效果作用在上實現一些特效 也可以作用在vidio上,此處只討論特效 瀏覽器相容性 目前各大瀏覽器對於css3的相容已經非常好了,最新版本都可以支援css3,老版本的ie9以下的還是不支援,不過這不是重點,微軟都準備放棄這些老古董了。另外ie的濾...

各種傳值的區別

屬性傳值與block傳值的區別 屬性傳值自己建立屬性,通過屬性從別的地方獲取實參,block傳值自己建立屬性,自己對屬性傳實參,供其它地方使用這個實參。屬性傳值 在本controller中建立屬性,其它controller呼叫這個屬性,從其它controller中獲取實參 block傳值 在本con...