今天本想學(xué)習(xí)一下CSS的濾鏡,可是不知道為什么FF就不買賬,就是不肯顯示效果.倒是IE不錯(cuò),所有的濾鏡效果都出來(lái)了.
難道這些濾鏡都是針對(duì)IE的嗎?有點(diǎn)不明白.下面是一些濾鏡的描述,有的有示范,有的沒(méi)有.(
示范應(yīng)該顯示不出來(lái))
Alpha濾鏡
Blur濾鏡
Chroma濾鏡
Dropshadow濾鏡
FlipH、FlipV濾鏡
Glow濾鏡
Gray濾鏡
Invert濾鏡
Light濾鏡
Mask濾鏡
Shawdow濾鏡
Wave濾鏡
X-ray濾鏡
Alpha濾鏡
語(yǔ)法：Alpha(Opacity=?,
FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?,
FinishY=?)
參數(shù)和功能： 使對(duì)象產(chǎn)生透明度。
|
參數(shù)名稱
|
功能
|
參數(shù)
|
| Opacity |
圖片的不透明度 |
值從0－100，0為完全透明，100為完全不透明 |
| FinishOpacity |
設(shè)置漸變的透明效果時(shí)，用來(lái)指定結(jié)束時(shí)的透明度 |
值從0－100，0為完全透明，100為完全不透明 |
| Style |
指定漸變的顯示形狀 |
0：沒(méi)有漸進(jìn)；1：直線漸進(jìn)；2：圓形漸進(jìn)；3：矩形漸進(jìn) |
| StartX |
漸變透明效果開(kāi)始的X坐標(biāo)值 |
|
| StartY |
漸變透明效果開(kāi)始的Y坐標(biāo)值 |
|
| FinishX |
漸變透明效果結(jié)束的X坐標(biāo)值 |
| FinishY |
漸變透明效果結(jié)束的Y坐標(biāo)值 |
Blur濾鏡
語(yǔ)法：Blur(Add=?, Direction=?,
Strength=?)
參數(shù)和功能： 使對(duì)象產(chǎn)生模糊效果。
|
參數(shù)名稱
|
功能
|
參數(shù)
|
| Add |
指定圖片是否顯示原來(lái)的模糊方向 |
0：不顯示原對(duì)象；1：顯示原對(duì)象 |
| Direction |
設(shè)置模糊的方向 |
0（上），45（右上），90（右），135（右下），180（下），225（左下），270（左），315（左上）
|
| Strength |
指定模糊圖像模糊的半徑大小 |
以pixels為單位，默認(rèn)為5 |
Chroma濾鏡
語(yǔ)法：Chroma(Color=?)
參數(shù)和功能：
某個(gè)顏色變透明。這個(gè)功能對(duì)圖片的支持不是很好。
|
參數(shù)名稱
|
功能
|
參數(shù)
|
|
color
|
把圖片或文字中的某個(gè)顏色變?yōu)橥该?/td>
| RGB格式的顏色值 |
Dropshadow濾鏡
語(yǔ)法：DropShadow(Color=?, OffX=?, OffY=?,
Positive=?)
參數(shù)和功能： 陰影效果。這個(gè)功能對(duì)圖片的支持不是很好，普遍用于文字。
|
參數(shù)名稱
|
功能
|
參數(shù)
|
| Color |
指定陰影的顏色 |
RGB格式的顏色值 |
| OffX |
指定陰影相對(duì)于對(duì)象在水平方向的偏移 |
整數(shù)。正數(shù)表示陰影在對(duì)象右方，負(fù)數(shù)表示在左方。 |
| OffY |
指定陰影相對(duì)于對(duì)象在水垂直方向的偏移 |
整數(shù)。正數(shù)表示陰影在對(duì)象上方，負(fù)數(shù)表示在下方。 |
| Positive |
指定陰影的透明度 |
0：透明，無(wú)陰影；非0：陰影的強(qiáng)度 |
示范：
|
文字效果
|
|
DropShadow(Color=#a0a0a0, OffX=5, OffY=5,
Positive=1)
|
FlipH、FlipV濾鏡
無(wú)任何參數(shù)。FlipH使對(duì)象產(chǎn)生水平翻轉(zhuǎn)效果；FlipV使對(duì)象產(chǎn)生垂直翻轉(zhuǎn)效果。
Glow濾鏡
語(yǔ)法：Glow(Color=?, Strength=?)
參數(shù)和功能：
使對(duì)象的外輪廓產(chǎn)生一種光暈效果。一般用于文字效果。
|
參數(shù)名稱
|
功能
|
參數(shù)
|
| Color |
指定光暈的顏色 |
RGB格式的顏色值 |
| Strength |
指定光暈的范圍 |
設(shè)定值從1－255，數(shù)字越大光暈越強(qiáng) |
示范：
|
文字效果
|
|
Glow(Color=ff0000, Strength=2)
|
Gray濾鏡
無(wú)任何參數(shù)。使圖片由彩色變?yōu)榛野咨{(diào)。
Invert濾鏡
無(wú)任何參數(shù)。使圖片產(chǎn)生照片底片的效果。
Light濾鏡
語(yǔ)法：Light(?)
參數(shù)和功能：模擬光源的投射效果。
不過(guò)要通過(guò)調(diào)用方法來(lái)實(shí)現(xiàn)，這就需要用到j(luò)avascript動(dòng)態(tài)濾鏡編程。在這里就不細(xì)說(shuō)了。
|
方法
|
功能
|
| AddAmbient |
加入包圍的光源 |
| AddCone |
加入錐形光源 |
| Addpoint |
加入點(diǎn)光源 |
| Changcolor |
改變光的顏色 |
| Changstrength |
改變光源的強(qiáng)度 |
| Clear |
清除所有的光源 |
| MoveLight |
移動(dòng)光源 |
Mask濾鏡
語(yǔ)法：Mask(Color=?)
參數(shù)和功能：在對(duì)象上建立一個(gè)覆蓋于表面的膜。對(duì)圖像的支持不好，普遍用于文字。
示范：
Shawdow濾鏡
語(yǔ)法：Shadow(Color=?,
Direction=?)
參數(shù)和功能：與dropshadow非常相似，也是一種陰影效果。dropshadow沒(méi)有漸進(jìn)感，shadow有漸進(jìn)的陰影感。
|
參數(shù)名稱
|
功能
|
參數(shù)
|
| Color |
指定陰影的顏色 |
RGB格式的顏色值 |
| Direction |
指定陰影的方向 |
0：垂直向上；每45度為一個(gè)單位 |
示范：
|
|
Shadow(Color=#0099ff,
Direction=90)
|
Wave濾鏡
語(yǔ)法：Wave(Add=?, Freq=?, LightStrength=?,
Phase=?, Strength=?)
參數(shù)和功能：使對(duì)象在垂直方向上產(chǎn)生波浪的變形效果。
|
參數(shù)名稱
|
功能
|
參數(shù)
|
| Add |
表示是否顯示原對(duì)象 |
0：不顯示；1：顯示 |
| Freq |
設(shè)置波動(dòng)的數(shù)量 |
自然數(shù) |
| LightStrength |
設(shè)置波浪效果的光照強(qiáng)度 |
0－100，1為最弱，100為最強(qiáng) |
| Phase |
波浪的起始相位 |
0-100 |
| Strength |
設(shè)置波浪搖擺的幅度 |
自然數(shù) |
X-ray濾鏡
無(wú)任何參數(shù)。使圖片只顯示其輪廓。