css濾鏡 Style屬性： 可以應用在標籤中，更可用廣泛應用在 等等標籤中， 更重要的是，它可用在標籤中。 頁面切換效果：在頁面前部與之間加入"" 說明：duration為頁面切換的時間長度，3.000表示3秒鐘，一般可以直接輸入3便可；transition為切換效果，從1-23共22種不同的切換效果，其中23 為隨機效果。濾鏡效果： Photoshop的濾鏡用的多了吧，在頁面中也用濾鏡搞搞新意思吧！ 語法:STYLE="filter:filtername(fparameter1,fparameter2...)} (Filtername為濾鏡的名稱，fparameter1、fparameter2等是濾鏡的參數) 濾鏡說明： 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") 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" ) 5.濾鏡:FlipH 語法: STYLE="filter:FlipH" 範例：filter:FlipH 6.濾鏡:FlipV 語法: STYLE="filter:FlipV" 範例：filter:FlipV 7.濾鏡:Glow 語法: STYLE="filter:Glow(Color=color,Strength=strength)" 說明: Color:發光顏色. 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,Freq=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
