欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

css濾鏡效果(二)

 更新時(shí)間:2007年03月31日 00:00:00   作者:  

7、Gray ,Invert,Xray 濾鏡

語(yǔ)法:{filter:gray} ,{filter:invert},{filter:xray}

Gray濾鏡是把一張圖片變成灰度圖;Invert濾鏡是把對(duì)象的可視化屬性全部翻轉(zhuǎn),包括色彩、飽和度、和亮度值;Xray濾鏡是讓對(duì)象反映出它的輪廓并把這些輪廓加亮,也就是所謂的“X”光片。

效果如下:

正常圖片 filter:gray; 灰度圖  是不是很 Cool 呢!
filter:invert 底片效果 filter:xray  X光效果

8、Light  濾鏡

語(yǔ)法:Filter{light}

這個(gè)屬性模擬光源的投射效果。一旦為對(duì)象定義了“LIGHT"濾鏡屬性,那么就可以調(diào)用它的“方法(Method)"來(lái)設(shè)置或者改變屬性?!癓IGHT"可用的方法有:
 

  • AddAmbient      加入包圍的光源
  • AddCone         加入錐形光源
  • AddPoint        加入點(diǎn)光源
  • Changcolor      改變光的顏色
  • Changstrength   改變光源的強(qiáng)度
  • Clear           清除所有的光源
  • MoveLight       移動(dòng)光源

可以定義光源的虛擬位置,以及通過(guò)調(diào)整X軸和Y軸的數(shù)值來(lái)控制光源焦點(diǎn)的位置,還可以調(diào)整光源的形式(點(diǎn)光源或者錐形光源)指定光源是否模糊邊界、光源的顏色、亮度等屬性。如果動(dòng)態(tài)的設(shè)置光源,可能回產(chǎn)生一些意想不到的效果。后面幾頁(yè)會(huì)有具體范例。

9、Mask 濾鏡

語(yǔ)法:{filter:mask(color=color)}

使用"MASK"屬性可以為對(duì)象建立一個(gè)覆蓋于表面的膜,其效果就象戴者有色眼鏡看物體一樣。

10、Shadow 濾鏡

語(yǔ)法:{filter:shadow(color=color,direction=direction)}

利用“Shadow”屬性可以在指定的方向建立物體的投影,COLOR是投影色,DIRECTION是設(shè)置投影的方向。其中0度代表垂直向上,然后每45度為一個(gè)單位。它的默認(rèn)值是向左的270度。

filter:shadow(color=red,direction=225)
filter:shadow(color=blue,direction=225)
filter:shadow(color=gray,direction=225)
效果分別如下:

Shadow 濾鏡 滴水檐茶坊制作
Shadow 濾鏡 滴水檐茶坊制作
Shadow 濾鏡 滴水檐茶坊制作
11、Wave 濾鏡 語(yǔ)法:{filter:wave(add=add,freq=freq,lightstrength=strength,phase=phase,strength=strength)}
"wave" 屬性把對(duì)象按垂直的波形樣式打亂。默認(rèn)是“TRUE(非0)”,

“ADD”表示是否要把對(duì)象按照波形樣式打亂,

“FREQ”是波紋的頻率,也就是指定在對(duì)象上一共需要產(chǎn)生多少個(gè)完整的波紋,

“LIGHTSTRENGTH”參數(shù)可以對(duì)于波紋增強(qiáng)光影的效果,范圍0----100,

“PHASE”參數(shù)用來(lái)設(shè)置正弦波的偏移量。

“STRENGTH”代表振幅大小。

正常圖片 filter:wave(add=add,freq=2,lightstrength=50,phase=45,strength=10)
style="filter:wave(add=add,freq=2,lightstrength=30,phase=50,strength=5) filter:wave(add=add,freq=2,lightstrength=90,phase=25,strength=5)

相關(guān)文章

  • 第2天:什么是名字空間

    第2天:什么是名字空間

    第2天:什么是名字空間...
    2006-12-12
  • Lesson02_05    頭元素

    Lesson02_05 頭元素

    Lesson02_05 頭元素...
    2007-02-02
  • 簡(jiǎn)單明了帶你了解CSS Modules

    簡(jiǎn)單明了帶你了解CSS Modules

    不要誤會(huì),CSS Modules可不是在說(shuō)“css模塊化”這個(gè)好像在某些地方見(jiàn)過(guò)的詞,它其實(shí)是特指一種近期才出現(xiàn)的技術(shù)手段。什么技術(shù)手段呢?下面小編來(lái)和大家一起學(xué)習(xí)一下
    2019-05-05
  • Lesson02_02    幀標(biāo)簽

    Lesson02_02 幀標(biāo)簽

    Lesson02_02 幀標(biāo)簽...
    2007-02-02
  • HTML 絕對(duì)路徑與相對(duì)路徑概念詳細(xì)

    HTML 絕對(duì)路徑與相對(duì)路徑概念詳細(xì)

    這篇文章主要介紹了HTML 絕對(duì)路徑與相對(duì)路徑概念詳細(xì),本篇文章通過(guò)簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下
    2021-08-08
  • CODEPAGE 列表與asp應(yīng)用例子

    CODEPAGE 列表與asp應(yīng)用例子

    ASP 也提供了支持不同地區(qū)文化習(xí)慣的命令,如貨幣、時(shí)間和日期格式。同字符串轉(zhuǎn)換命令一樣,如果您的腳本沒(méi)有使用 Web 服務(wù)器的默認(rèn)現(xiàn)場(chǎng),則要使用現(xiàn)場(chǎng)命令。
    2008-09-09
  • 解讀css發(fā)展歷史

    解讀css發(fā)展歷史

    解讀css發(fā)展歷史...
    2007-09-09
  • css濾鏡屬性語(yǔ)法介紹

    css濾鏡屬性語(yǔ)法介紹

    css濾鏡屬性語(yǔ)法介紹...
    2007-03-03
  • http狀態(tài)碼一覽表

    http狀態(tài)碼一覽表

    網(wǎng)站的http狀態(tài)對(duì)于網(wǎng)站維護(hù)人員來(lái)說(shuō)是相當(dāng)重要的,當(dāng)網(wǎng)站出現(xiàn)問(wèn)題的時(shí)候,我們首先要診斷一下網(wǎng)站的http狀態(tài),從而進(jìn)一步確認(rèn)哪里出現(xiàn)的問(wèn)題
    2007-02-02

最新評(píng)論