現在的位置: 首頁 > web前端 > 正文

DW濾鏡樣式的語法規則是什麼

2020年06月16日 web前端 ⁄ 共 1397字 ⁄ 字型大小 評論關閉

  程序代碼style="filter:濾鏡名(屬性1=值1,屬性2=值2......)"其中,「濾鏡名」就是你在DW樣式設置模塊的濾鏡下拉列表中看到的名稱,屬性值只需填入數字即可。下面學步園小編來講解下DW濾鏡樣式的語法規則是什麼?

  DW濾鏡樣式的語法規則是什麼

  (以下二組表格採用了「盒子」、「邊框」、「區塊」、「類型」等CSS樣式)

  程序代碼Alpha:設置透明層次

  blur:創建高速度移動效果,即模糊效果

  Chroma:製作專用顏色透明

  DropShadow:創建對象的固定影子

  FlipH:創建水平鏡像圖片

  FlipV:創建垂直鏡像圖片

  glow:加光輝在附近對象的邊外

  gray:把圖片灰度化

  invert:反色

  light:創建光源在對象上

  mask:創建透明掩膜在對象上

  shadow:創建偏移固定影子

  wave:波紋效果

  Xray:使對象變的像被x光照射一樣

  下面是主要濾鏡資料

  包括語法、屬性意義、簡單例子及應用說明:

  程序代碼1.濾鏡:alpha

  語法:

  STYLE="filter:Alpha(Opacity=opacity,FinishOpacity=finishopacity,Style=style,

  StartX=startX,StartY=startY,FinishX=finishX,FinishY=finishY)"

  說明:

  Opacity:起始值,取值為0-100,0為透明,100為原圖.

  FinishOpacity:目標值.

  Style:1或2或3

  StartX:任 ?

  StartY:任意值

  例子:filter:Alpha(Opacity="0",FinishOpacity="40",Style="2")

  DW濾鏡樣式的語法規則是什麼

  2.濾鏡:blur

  語法:

  STYLE="filter:Blur(Add=add,Direction=direction,Strength=strength)"

  說明:

  Add:一般為1,或0.

  Direction:角度,0-315度,步長為45度.

  Strength:效果增長的數值,一般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")

  以上就是關於「DW濾鏡樣式的語法規則是什麼」的內容,希望對大家有用。更多資訊請關注學步園。學步園,您學習IT技術的優質平台!

抱歉!評論已關閉.