網頁製作中有關層透明度問題

2022-09-16 06:33:10 字數 1326 閱讀 3085

filter: alpha(opacity=70);

opacity: 0.7;

加到css檔案裡就好了。需要哪層加哪層。很好理解~

黑白** filter: gray; 

x光** filter: xray; 

風動模糊 filter: blur(add=true,direction=45,strength=30); 

正弦波紋 filter: w**e(add=0, freq=60, lightstrength=1, phase=0, strength=3); 

半透明效果 filter: alpha(opacity=50); 

線型透明 filter: alpha(opacity=0, finishopacity=100, style=1, startx=0, starty=0, finishx=100, finishy=140); 

放射透明 filter: alpha(opacity=10, finishopacity=100, style=2, startx=30, starty=30, finishx=200, finishy=200); 

白色透明 filter: chroma(color=#ffffff); 

降低色彩 filter: grays; 

底片效果 filter: invert; 

左右翻轉 filter: fliph; 

垂直翻轉 filter: flipv; 

投影效果 filter:progid:dximagetransform.microsoft.dropshadow(color=#cccccc,offx=5,offy=5,positives=true); 

馬賽克 filter:progid:dximagetransform.microsoft.pixelate(maxsquare=3); 

發光效果 filter:progid:dximagetransform.microsoft.glow(color=#cccccc,strength=5); 

柔邊效果 filter:alpha(opacity=100, finishopacity=0,style=2

opacity:透明度級別,範圍是0-100,0代表完全透明,100代表完全不透明。

finishopacity:設定漸變的透明效果時,用來指定結束時的透明度,範圍也是0 到 100。

style:設定漸變透明的樣式,值為0代表統一形狀、1代表線形、2代表放射狀、3代表長方形。

startx和starty:代表漸變透明效果的開始x和y座標。

finishx和finishy:代表漸變透明效果結束x和y 的座標。

透明度問題

實現透明的三種方法 1 css3的opacity 不透明 取值是在0 1 表示完全透明,1表示完全不透明 2 rgba red,green,blue,alpha alpha的取值0 1 3 ie專屬濾鏡filter alpha opacity x x的取值從0到100,例如 filter alpha...

android 介面透明度問題

今天遇到用pop來顯示載入中,但是pop中的progressbar顏色太難看,用的又是預設樣式,activity背景透明是灰色的,目的是想要達到真正的透明的效果。1 直接在manifest裡的activity裡設定 android theme android style theme.transluc...

web頁面透明度的問題

alpha 濾鏡 語法 alpha 屬性是把乙個目標元素與背景混合。設計者可以指定數值來控制混合的程度。這種 與背景混合 通俗地說就是乙個元素的透明度。通過指定座標,可以指定點 線 面的透明度。他們的引數含義分別如下 opacity 代表透明度水準。預設的範圍是從0 到 100,他們其實是百分比的形...