濮阳杆衣贸易有限公司

主頁 > 知識庫 > css濾鏡效果(一)

css濾鏡效果(一)

熱門標簽:北川縣地圖標注 武漢人工外呼系統(tǒng) 沈陽智能外呼系統(tǒng)排名 上古卷軸5地圖標注mod 移動400辦理電話 山西旅游景地圖標注 蘇州通信外呼系統(tǒng)多少錢 荒野大鏢客2地圖標注怎么變中文 中國地圖標注各省份

1、Alpha 濾鏡
  

   語法:{FILTER:ALPHA(opacity=opacity,finishopacity=finishopacity,style=style,startx=startx,
starty=starty,finishx=finishx,finishy=finishy)}

    "Alpha"屬性是把一個目標元素與背景混合。設(shè)計者可以指定數(shù)值來控制混合的程度。這種“與背景混合”通俗地說就是一個元素的透明度。通過指定坐標,可以指定點、線、面的透明度。他們的參數(shù)含義分別如下:
     “opacity"代表透明度水準。默認的范圍是從0 到 100,他們其實是百分比的形式。也就是說,0代表完全透明,100代表完全不透明?!眆inishopacity"是一個可選參數(shù),如果想要設(shè)置漸變的透明效果,就可以使用他們來指定結(jié)束時的透明度。范圍也是0 到 100。“style" 參數(shù)指定了透明區(qū)域的形狀特征。其中0代表統(tǒng)一形狀、1代表線形、2代表放射狀、3代表長方形?!盨TARTX“和”STARTY“代表漸變透明效果的開始X和Y坐標?!盕INISHX“和”FINISHY“代表漸變透明效果結(jié)束X和Y 的坐標。

效果如下:

正常圖片 filter:alpha(opacity=50)
filter:alpha(opacity=0,finishopacity=100,style=1,startx=0,starty=5,finishx=250,finishy=285 filter:alpha(opacity=0,finishopacity=80,style=1,startx=0,starty=5,finishx=250,finishy=285

 

2、Blur 濾鏡

語法:對于HTML:{ilter:blur(add=add,direction=direction,strength=strength)}
      對于Script語言: [oblurfilter=] object.filters.blur
用手指在一幅尚未干透的油畫上迅速劃過時,畫面就會變得模糊。”Blur"就是產(chǎn)生同樣的模糊效果。
“ADD”參數(shù)是一個布爾判斷“TRUE(默認)”或者“FALSE”。它指定圖片是否被改變成印象派的模糊效果。模糊效果是按順時針的方向進行的,“DIRECTION”參數(shù)用來設(shè)置模糊的方向。其中0度代表垂直向上,然后每45度為一個單位。它的默認值是向左的270度?!癝TRENGTH“值只能使用整數(shù)來指定,她代表有多少像素的寬度將受到模糊影響。默認是5個。對于網(wǎng)頁上的字體,如果設(shè)置他的模糊”ADD=1“,那么這些字體的效果會非常好看的。如下:
filter:blur(add=ture,direction=135,strength=10)

我向你飛,雨溫柔地綴!

正常圖片 filter:blur(strength=10)
filter:blur(strength=40) filter:blur(strength=70)

3、FlipH, FlipV 濾鏡

   語法:{filter:filph} ,{filter:filpv} 分別是水平反轉(zhuǎn)和垂直反轉(zhuǎn),具體如下:

正常圖片 水平反轉(zhuǎn) style="filter:fliph;"
垂直反轉(zhuǎn) style="filter:flipv;" 先水平反轉(zhuǎn),然后垂直反轉(zhuǎn)  style="filter:flip() flipv()"

4、Chroma 濾鏡

語法:{filter:chroma(color=color)}
       使用”Chroma"屬性可以設(shè)置一個對象中指定的顏色為透明色,參數(shù)COLOR即要透明的顏色。下面是蘭色文字,然后用Chroma 濾鏡過濾掉蘭色,就成了下面的樣子。
filter:chroma(color=blue)

滴水檐坊


 

5、DropShadow 濾鏡

語法:{filter:dropshadow(color=color,offx=ofx,offy=offy,positive=positive)}

“DropShaow"顧名思義就是添加對象的陰影效果。其工作原理是建立一個偏移量,加上較深。"Color"代表投射陰影的顏色,"offx"和"offy"分別是X方向和Y方向陰影的餓偏移量。"Positive"參數(shù)是一個布爾值,如果為“TRUE(非0)”,那么就為任何的非透明像素建立可見的投影。如果為“FASLE(0)”,那么就為透明的像素部分建立透明效果

正常圖片 dropshadow(color=gray,offx=5,offy=5.positive=0) 效果
    正常文字   dropshadow(color=gray,offx=5,offy=5.positive=0)后的文字

6、Glow 濾鏡

語法:{filter:glow(color=color,strength)}
當(dāng)對一個對象使用"glow"屬性后,這個對象的邊緣就會產(chǎn)生類似發(fā)光的效果。“COLOR”是指定發(fā)光的顏色,“STRENGTH”則是強度的表現(xiàn),可以從1到255之間的任何整數(shù)來指定這個力度。
filter:glow(color=red,strength=10) 后的效果

滴水檐茶坊

filter:glow(color=#ffff00,strength=5) 后的效果

滴水檐茶坊

好象可以把PhotoShop踹到一邊了,是嗎?

您可能感興趣的文章:
  • 純JavaScript實現(xiàn)HTML5 Canvas六種特效濾鏡示例
  • js模擬濾鏡的圖片漸顯效果
  • css濾鏡實現(xiàn)頁面灰色黑白色效果代碼
  • 用css alpha 濾鏡 實現(xiàn)input file 樣式美化代碼
  • CSS濾鏡參考
  • 用css濾鏡實現(xiàn)的文字描邊效果的代碼
  • CSS濾鏡示范(filter)附源代碼(靜態(tài)濾鏡)
  • css靜態(tài)濾鏡 + A:Hover 效果
  • css濾鏡效果(二)
  • canvas濾鏡效果實現(xiàn)代碼

標簽:陽泉 遼源 邯鄲 東莞 海東 南充 濱州 喀什

巨人網(wǎng)絡(luò)通訊聲明:本文標題《css濾鏡效果(一)》,本文關(guān)鍵詞  css,濾鏡,效果,一,css,濾鏡,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《css濾鏡效果(一)》相關(guān)的同類信息!
  • 本頁收集關(guān)于css濾鏡效果(一)的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章
    台北市| 赣州市| 化德县| 景德镇市| 鄂托克旗| 宁明县| 涿州市| 东海县| 新乐市| 武川县| 额敏县| 平乡县| 睢宁县| 乌拉特后旗| 承德县| 黄骅市| 太保市| 台州市| 湘潭县| 和林格尔县| 宜城市| 葫芦岛市| 沾益县| 积石山| 垫江县| 奉新县| 富蕴县| 昭平县| 霍林郭勒市| 调兵山市| 安仁县| 兴文县| 云和县| 通州市| 武定县| 威海市| 灵川县| 玛沁县| 中卫市| 河西区| 宣城市|