校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

主頁 > 知識庫 > CSS濾鏡參考

CSS濾鏡參考

熱門標簽:北京銷售外呼系統(tǒng)線路 沸思外呼線路 電銷智能機器人靠譜么 南通電話外呼系統(tǒng)開發(fā) 石家莊電話機器人電話 南寧外呼電銷系統(tǒng)招商 電銷機器人的宣傳語 江西防封卡外呼系統(tǒng)怎么安裝 400電話辦理安徽

語法:STYLE="filter:filtername(fparameter1, fparameter2...)"
  (Filtername為濾鏡的名稱,fparameter1、fparameter2等是濾鏡的參數(shù))
script 語法:HTMLElement.filters.filterName.fParameter=value;

  濾鏡說明:

  Alpha:設置透明層次
  blur:創(chuàng)建高速度移動效果,即模糊效果
  Chroma:制作專用顏色透明
  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
  語法:STYLE="filter:Alpha(Opacity=opacity, FinishOpacity=finishopacity,Style=style, StartX=startX,StartY=startY,F(xiàn)inishX=finishX,F(xiàn)inishY=finishY)"
  說明:
  Opacity:起始值,取值為0~100, 0為透明,100為原圖。
  FinishOpacity:目標值。
  Style:1或2或3
  StartX:任意值
  StartY:任意值
  例子:filter:Alpha(Opacity="0",FinishOpacity="75",Style="2")

  2、濾鏡:blur
  語法:STYLE="filter:Blur(Add = add, Direction = direction, Strength = strength)"
  說明:
  Add:一般為1,或0。
  Direction:角度,0~315度,步長為45度。
  Strength:效果增長的數(shù)值,一般5即可。
  例子:filter:Blur(Add="1",Direction="45",Strength="5")

  3、濾鏡:Chroma
  語法:STYLE="filter:Chroma(Color = color)"
  說明:color:#rrggbb格式,任意。
  例子:filter:Chroma(Color="#FFFFFF")

  4、濾鏡:DropShadow
  語法:STYLE="filter:DropShadow(Color=color, OffX=offX, OffY=offY, Positive=positive)"
  說明:Color:#rrggbb格式,任意。
  Offx:X軸偏離值。
  Offy:Y軸偏離值。
  Positive:1或0。
  例子:filter:DropShadow(Color="#6699CC",OffX="5",OffY="5",Positive="1")

  5、濾鏡:FlipH
  語法:STYLE="filter:FlipH"
  例子:filter:FlipH

  6、濾鏡:FlipV
  語法:STYLE="filter:FlipV"
  例子:filter:FlipV

  7、濾鏡:glow
  語法:STYLE="filter:Glow(Color=color, Strength=strength)"
  說明:
  Color:發(fā)光顏色。
  Strength:強度(0-100)
  例子:filter:Glow(Color="#6699CC",Strength="5")

  8、濾鏡:gray
  語法:STYLE="filter:Gray"
  例子:filter:Gray

  9、濾鏡:invert
  語法:STYLE="filter:Invert"
  例子:filter:Invert

  10、濾鏡:mask
  語法:STYLE="filter:Mask(Color=color)"
  例子:filter:Mask (Color="#FFFFE0")

  11、濾鏡:shadow
  語法:filter:Shadow(Color=color, Direction=direction)
  說明:
  Color:#rrggbb格式。
  Direction:角度,0-315度,步長為45度。
  例子:filter:Shadow (Color="#6699CC", Direction="135")

  12、濾鏡:wave
  語法:filter: Wave(Add=add,F(xiàn)req=freq,LightStrength=strength,Phase=phase,Strength=strength)
  說明:
  Add:一般為1,或0。
  Freq:變形值。
  LightStrength:變形百分比。
  Phase:角度變形百分比。
  Strength:變形強度。
  例子:filter: wave(Add="0", Phase="4", Freq="5", LightStrength="5", Strength="2")

  13、濾鏡:Xray
  語法:STYLE="filter:Xray"
  例子:filter:Xray

 

您可能感興趣的文章:
  • 純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)代碼

標簽:寧夏 衢州 晉中 云南 鹽城 來賓 陽泉 北海

巨人網絡通訊聲明:本文標題《CSS濾鏡參考》,本文關鍵詞  CSS,濾鏡,參考,CSS,濾鏡,參考,;如發(fā)現(xiàn)本文內容存在版權問題,煩請?zhí)峁┫嚓P信息告之我們,我們將及時溝通與處理。本站內容系統(tǒng)采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《CSS濾鏡參考》相關的同類信息!
  • 本頁收集關于CSS濾鏡參考的相關信息資訊供網民參考!
  • 推薦文章
    主站蜘蛛池模板: 原阳县| 龙门县| 商都县| 连江县| 济宁市| 汝阳县| 合川市| 呼图壁县| 鹰潭市| 和平县| 鸡西市| 固始县| 兰西县| 临安市| 东乡族自治县| 古田县| 成安县| 加查县| 榆林市| 驻马店市| 富裕县| 太白县| 南京市| 运城市| 鄂伦春自治旗| 体育| 都匀市| 称多县| 阜阳市| 印江| 南靖县| 九台市| 莫力| 思南县| 龙岩市| 灌云县| 遂川县| 博罗县| 儋州市| 利川市| 开封市|