Css濾鏡詳解
語(yǔ)法:STYLE="filter:filtername(fparameter1, fparameter2...)"
(Filtername為濾鏡的名稱(chēng),fparameter1、fparameter2等是濾鏡的參數)
濾鏡說(shuō)明:
alpha:設置透明層次
blur:創(chuàng )建高速度移動(dòng)效果,即模糊效果
chroma:制作專(zhuān)用顏色透明
DropShadow:創(chuàng )建對象的固定影子
FlipH:創(chuàng )建水平鏡像圖片
FlipV:創(chuàng )建垂直鏡像圖片
glow:加光輝在附近對象的邊外
gray:把圖片灰度化
invert:反色
light:創(chuàng )建光源在對象上
mask:創(chuàng )建透明掩膜在對象上
shadow:創(chuàng )建偏移固定影子
wave:波紋效果
Xray:使對象變得像被x光照射一樣
1、濾鏡:Alpha
語(yǔ)法:STYLE="filter:Alpha(Opacity=opacity, FinishOpacity=finishopacity,Style=style, StartX=startX,StartY=startY,FinishX=finishX,FinishY=finishY)"
說(shuō)明:
Opacity:起始值,取值為0~100, 0為透明,100為原圖。
FinishOpacity:目標值。
Style:1或2或3
StartX:任意值
StartY:任意值
例子:filter:Alpha(Opacity="0",FinishOpacity="75",Style="2")
2、濾鏡:blur
語(yǔ)法:STYLE="filter:Blur(Add = add, Direction = direction, Strength = strength)"
說(shuō)明:
Add:一般為1,或0。
Direction:角度,0~315度,步長(cháng)為45度。
Strength:效果增長(cháng)的數值,一般5即可。
例子:filter:Blur(Add="1",Direction="45",Strength="5")
3、濾鏡:Chroma
語(yǔ)法:STYLE="filter:Chroma(Color = color)"
說(shuō)明:color:#rrggbb格式,任意。
例子:filter:Chroma(Color="#FFFFFF")
4、濾鏡:DropShadow
語(yǔ)法:STYLE="filter:DropShadow(Color=color, OffX=offX, OffY=offY, Positive=positive)"
說(shuō)明:Color:#rrggbb格式,任意。
Offx:X軸偏離值。
Offy:Y軸偏離值。
Positive:1或0。
例子:filter:DropShadow(Color="#6699CC",OffX="5",OffY="5",Positive="1")
5、濾鏡:FlipH
語(yǔ)法:STYLE="filter:FlipH"
例子:filter:FlipH
6、濾鏡:FlipV
語(yǔ)法:STYLE="filter:FlipV"
例子:filter:FlipV
7、濾鏡:glow
語(yǔ)法:STYLE="filter:Glow(Color=color, Strength=strength)"
說(shuō)明:
Color:發(fā)光顏色。
Strength:強度(0-100)
例子:filter:Glow(Color="#6699CC",Strength="5")
8、濾鏡:gray
語(yǔ)法:STYLE="filter:Gray"
例子:filter:Gray
9、濾鏡:invert
語(yǔ)法:STYLE="filter:Invert"
例子:filter:Invert
10、濾鏡:mask
語(yǔ)法:STYLE="filter:Mask(Color=color)"
例子:filter:Mask (Color="#FFFFE0")
11、濾鏡:shadow
語(yǔ)法:filter:Shadow(Color=color, Direction=direction)
說(shuō)明:
Color:#rrggbb格式。
Direction:角度,0-315度,步長(cháng)為45度。
例子:filter:Shadow (Color="#6699CC", Direction="135")
12、濾鏡:wave
語(yǔ)法:filter: Wave(Add=add,Freq=freq,LightStrength=strength,Phase=phase,Strength=strength)
說(shuō)明:
Add:一般為1,或0。
Freq:變形值。
LightStrength:變形百分比。
Phase:角度變形百分比。
Strength:變形強度。
例子:filter: wave(Add="0", Phase="4", Freq="5", LightStrength="5", Strength="2")
13、濾鏡:Xray
語(yǔ)法:STYLE="filter:Xray"
例子:filter:Xray
相關(guān)文章:
-
我們做網(wǎng)站都離不開(kāi)可信度,如果沒(méi)人相信你的網(wǎng)站,那么做再多的推廣也轉換不了訂單。所以,我們一定要選擇合適的方式去贏(yíng)得用戶(hù)的信任,比如說(shuō)一下幾點(diǎn)。西安個(gè)人做網(wǎng)站,西安網(wǎng)站建...
-
隨著(zhù)經(jīng)濟全球化的發(fā)展,很多中小企業(yè)都面臨著(zhù)知名度不高的問(wèn)題,在這種問(wèn)題的影響下,再加上產(chǎn)品特點(diǎn)不明顯,就算花費再多的人力物力都不能在市場(chǎng)上提升占有率。照此發(fā)展下去,銷(xiāo)售...
-
網(wǎng)站制作過(guò)程中,首先要做好策劃。那么,其中需要注意到哪些問(wèn)題呢?西安做網(wǎng)站推薦閱讀 西安網(wǎng)站建設:影響網(wǎng)站運營(yíng)的因素 第一、關(guān)于策劃文檔 策劃文檔相當于網(wǎng)站的指導思想...
-
西安做網(wǎng)站推薦閱讀 西安競價(jià)托管,4招搞定競價(jià)著(zhù)陸頁(yè)的用戶(hù)體驗 相信大多數朋友都是經(jīng)過(guò)百度競價(jià)后臺推廣情況來(lái)進(jìn)行平時(shí)查詞,但據競價(jià)軟件調查,推廣情況的排行不是很精確,...
-
西安網(wǎng)站建設推薦閱讀 西安做網(wǎng)站,營(yíng)銷(xiāo)型網(wǎng)站建設應具備哪些要素 有些網(wǎng)站會(huì )出現類(lèi)似這樣的問(wèn)題,運行了好幾年,雖然設計糟糕,但搜索引擎非常信任,排名不錯,權重也高。很...
-
西安企業(yè)網(wǎng)站設計,西安網(wǎng)站建設推薦閱讀 西安網(wǎng)站建設,網(wǎng)站設計要保持六個(gè)統一 一、品牌官網(wǎng) 公司文化常常以高端設計和制作為主,這種要求比較高的企業(yè)對網(wǎng)站建設的前端要求也...
-
企業(yè)為什么會(huì )找網(wǎng)絡(luò )公司做網(wǎng)站?說(shuō)白了,就是為了將網(wǎng)絡(luò )上的潛在客戶(hù)轉化成真正的固定客戶(hù)。但是,好多企業(yè)網(wǎng)站帶來(lái)的轉化率卻并不高,這是為什么呢,該怎樣解決網(wǎng)站轉化率低...
-
大家都知道做百度競價(jià)少不了競價(jià)數據分析,通過(guò)現有的數據分析出隱藏的問(wèn)題,在針對隱藏的問(wèn)題定制解決方法,把競價(jià)賬戶(hù)進(jìn)行優(yōu)化,這樣既達到了目的,有顯示處理問(wèn)題的針對性...
-
網(wǎng)站建設的基礎就是網(wǎng)站域名,那么域名是不是可以憑空想的呢?網(wǎng)奇小編想說(shuō)的是,域名的選擇是肯定的有區分度的,并不是說(shuō)拿一個(gè)就能用。那他對于網(wǎng)站到底有什么關(guān)系呢? 1、...
-
對于最近百度K站、網(wǎng)站排名不穩定的問(wèn)題,下面就簡(jiǎn)單分享下影響網(wǎng)站排名的幾個(gè)原因;總體來(lái)說(shuō)影響網(wǎng)站排名原因就兩種:一種是外部鏈接,一種是站內結構。 1.外部的鏈接問(wèn)題 外...
- 上一篇:推薦常用PHP開(kāi)發(fā)工具
- 下一篇:響應式布局的設計思路