濾鏡效果 | 功能描述

網(wǎng)站的建設(shè)成都創(chuàng)新互聯(lián)專注網(wǎng)站定制,經(jīng)驗(yàn)豐富,不做模板,主營(yíng)網(wǎng)站定制開(kāi)發(fā).小程序定制開(kāi)發(fā),H5頁(yè)面制作!給你煥然一新的設(shè)計(jì)體驗(yàn)!已為雨棚定制等企業(yè)提供專業(yè)服務(wù)。
-----------------------------------------------
Alpha | 設(shè)置不同的透明度變化效果
-----------------------------------------------
Blur | 建立模糊效果
-----------------------------------------------
DropShadow| 建立一種偏移的影象輪廓,即投射陰影
-----------------------------------------------
FlipH | 水平翻轉(zhuǎn)
-----------------------------------------------
FlipV | 垂直翻轉(zhuǎn)
-----------------------------------------------
Glow | 為對(duì)象的邊界增加色彩光效
-----------------------------------------------
Gray | 將圖片以灰度形式顯示
-----------------------------------------------
Invert | 將色彩、飽和度以及亮度值完全反轉(zhuǎn),類似底片效果
-----------------------------------------------
Light | 在一個(gè)對(duì)象上進(jìn)行燈光投影
-----------------------------------------------
Mask | 為一個(gè)對(duì)象建立彩色透明遮罩
-----------------------------------------------
Shadow | 為對(duì)象建立輪廓的影效果
-----------------------------------------------
Wave | 在X軸和Y軸方向利用正弦波打亂圖片
-----------------------------------------------
Xray | 只顯示對(duì)象的輪廓
-----------------------------------------------
----------------括號(hào)里面的是參數(shù)。-------------
細(xì)致的解釋看下面:
1、Alpha 濾鏡
"Alpha"屬性是把一個(gè)目標(biāo)元素與背景混合。設(shè)計(jì)者可以指定數(shù)值來(lái)控制混合的程度。這種“與背景混合”通俗地說(shuō)就是一個(gè)元素的透明度。通過(guò)指定坐標(biāo),可以指定各種不同范圍的透明度。
Alpha 濾鏡語(yǔ)法
{FILTER:ALPHA(opacity=opacity,finishopacity=finishopacity,
style=style,startx=startx,
starty=starty,finishx=finishx,finishy=finishy)}
參數(shù)含義分別如下:
參數(shù) 說(shuō)明
opacity 透明度。默認(rèn)的范圍是從0 到 100,他們其實(shí)是百分比的形式。也就是說(shuō),0代表完全透明,100代表完全不透明。
finishopacity 是一個(gè)可選參數(shù),如果想要設(shè)置漸變的透明效果,就可以使用他們來(lái)指定結(jié)束時(shí)的透明度。范圍也是0 到 100。
style 指定透明區(qū)域的形狀特征:
0 代表統(tǒng)一形狀
1 代表線形
2 代表放射狀
3 代表矩形
startx 漸變透明效果開(kāi)始處的 X坐標(biāo)。
starty 漸變透明效果開(kāi)始處的 Y坐標(biāo)。
finishx 漸變透明效果結(jié)束處的 X坐標(biāo)。
finishy 漸變透明效果結(jié)束處的 Y坐標(biāo)。
2、Blur 濾鏡
用手指在一幅尚未干透的畫(huà)面迅速劃過(guò)時(shí),畫(huà)面就會(huì)變得模糊。”Blur"就是產(chǎn)生同樣的模糊效果。
Blur濾鏡語(yǔ)法 HTML:{filter:blur(add=add,direction=direction,
strength=strength)}
Script語(yǔ)言: [oblurfilter=] object.filters.blur
參數(shù)含義分別如下:
參數(shù) 說(shuō)明
add 它指定圖片是否被改變成印象派的模糊效果。模糊效果是按順時(shí)針的方向進(jìn)行的,
這是一個(gè)布爾值:ture (默認(rèn))或false
direction 該參數(shù)用來(lái)設(shè)置模糊的方向。
0度代表垂直向上,每45度為一個(gè)單位,默認(rèn)值是向左的270度
strength 只能使用整數(shù)來(lái)指定,代表有多少像素的寬度將受到模糊影響,默認(rèn)是5個(gè)像素。
3、DropShadow 濾鏡
“DropShaow",顧名思義就是添加對(duì)象的陰影效果。其工作原理是建立一個(gè)偏移量,加上色彩。
DropShadow 濾鏡語(yǔ)法 {filter:dropshadow
(color=color,offx=ofx,offy=offy,positive=positive)}
參數(shù)含義如下:
參數(shù) 說(shuō)明
Color 代表投射陰影的顏色
offx X方向陰影的偏移量
offy Y方向陰影的偏移量
Positive 布爾值
如果為TRUE(非0),就為任何的非透明像素建立可見(jiàn)的投影
如果為FASLE(0),就為透明的像素部分建立透明效果
4、FlipH, FlipV 濾鏡
FlipH 濾鏡實(shí)現(xiàn)水平反轉(zhuǎn)
FlipH 濾鏡語(yǔ)法 {filter:filph}
FlipV 濾鏡實(shí)現(xiàn)垂直反轉(zhuǎn)
FlipV 濾鏡語(yǔ)法 {filter:filpv}
5、Glow 濾鏡
對(duì)一個(gè)對(duì)象使用"glow"屬性后,這個(gè)對(duì)象的邊緣就會(huì)產(chǎn)生類似發(fā)光的效果。
Glow 濾鏡語(yǔ)法 {filter:glow(color=color,strength)}
參數(shù)含義如下:
參數(shù) 說(shuō)明
Color 指定發(fā)光的顏色
STRENGTH 強(qiáng)度,值為1到255之間的任何整數(shù),指定發(fā)光色力度和范圍。
6、Gray 濾鏡
使用Gray濾鏡可以把一張圖片變成灰度圖,語(yǔ)法很簡(jiǎn)單:
Gray 濾鏡語(yǔ)法 {filter:gray}
7、Invert濾鏡
使用Invert濾鏡可以把對(duì)象的可視化屬性全部翻轉(zhuǎn),包括色彩、飽和度、和亮度值
Invert 濾鏡語(yǔ)法 {filter:invert}
8、Xray濾鏡
使用Xray濾鏡可以讓對(duì)象反映出它的輪廓并把這些輪廓加亮,類似于所謂的“X”光片。
Xray 濾鏡語(yǔ)法 {filter:xray}
9、Mask 濾鏡
Mask 濾鏡語(yǔ)法 {filter:mask(color=color)}
使用"MASK"屬性可以為對(duì)象建立一個(gè)覆蓋于表面的膜,其效果就象戴著有色眼鏡看物體一樣 。
10、Light 濾鏡
Light 濾鏡語(yǔ)法 {filter:light}
這個(gè)屬性模擬光源的投射效果。一旦為對(duì)象定義了“LIGHT"濾鏡屬性,那么就可以調(diào)用它的“方法(Method)"來(lái)設(shè)置或者改變屬性。“LIGHT"可用的方法有:
參數(shù) 說(shuō)明
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è)置光源,可能會(huì)產(chǎn)生一些意想不到的效果。
11、Shadow 濾鏡
Shadow 濾鏡
語(yǔ)法 {filter:shadow(color=color,direction=direction)}
利用“Shadow”屬性可以在指定的方向建立物體的投影,COLOR是投影色,DIRECTION是設(shè)置投影的方向。其中0度代表垂直向上,然后每45度為一個(gè)單位。它的默認(rèn)值是向左的270度。
12、Wave 濾鏡
Wave 濾鏡
語(yǔ)法 {filter:wave(add=add,freq=freq,
lightstrength=strength,
phase=phase,strength=strength)}
參數(shù) 說(shuō)明
wave 把對(duì)象按垂直的波形樣式打亂。
默認(rèn)是 TRUE(非0)
ADD 是否要把對(duì)象按照波形樣式打亂
FREQ 波紋的頻率,也就是指定在對(duì)象上一共需要產(chǎn)生多少個(gè)完整的波紋
LIGHTSTRENGTH 可以對(duì)于波紋增強(qiáng)光影的效果,范圍0----100
PHASE 設(shè)置正弦波的偏移量
STRENGTH 振幅大小
--------------------------------------------------------------
內(nèi)容很多,慢慢看。還有這個(gè)問(wèn)題發(fā)到電腦那塊的話肯定有很多人回答的。
資料來(lái)天極網(wǎng)~
html郵件 是有一點(diǎn)特殊的,因?yàn)樵卩]箱里面,你寫(xiě)的很多樣式會(huì)被郵箱所在的網(wǎng)址過(guò)濾,
而且各個(gè)郵箱的過(guò)濾規(guī)則也不太一樣。所以一般來(lái)說(shuō)使用table來(lái)實(shí)現(xiàn)的,不要用浮動(dòng),定位,樣式寫(xiě)行內(nèi)樣式
對(duì)于這種,我說(shuō)兩種方法: 1、將你所有的JSP頁(yè)面單獨(dú)放在一個(gè)文件夾里(假如jspPage),jspPage文件夾里可根據(jù)類別分若干子文件夾,再把相對(duì)應(yīng)的JSP放在子文件夾里; JS、CSS及圖片等分別放在外面的文件夾里(與文件夾jspPage并列) 再:/jspPage/*...
為了安全,CI過(guò)濾掉那些東西了。你要允許只能自己去修改CI源碼。
文章名稱:css樣式被過(guò)濾,css去掉樣式
標(biāo)題URL:http://chinadenli.net/article45/dsgsehi.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站策劃、電子商務(wù)、營(yíng)銷型網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)公司、做網(wǎng)站、云服務(wù)器
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)