CSS實現表格的背景兩色漸變

2020-10-23 18:54:05

字體：大中小

來源：轉載

供稿：網友

原理是使用Alpha 濾鏡在每個表格上加上一個透明漸變，由table的背景顏色控制，單個td控制另一色漸變
Alpha 濾鏡
語法：{FILTER：ALPHA(opacity=opacity,finishopacity=finishopacity,style=style,startx=startx,starty=starty,finishx=finishx,finishy=finishy)}
Filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=0, FinishY=100);

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

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執行]

上一篇：文字應用css濾鏡集錦

下一篇：CSS濾鏡示范(filter)附源代碼(靜態濾鏡)