filter:alpha(opacity=100,style=1)
1、opacity属性:设置透明度,取值0至100之间的任意数值,100表示完全不透明;
2、style属性:设置渐变风格;
0表示均匀渐变,
1表示线性渐变,
2表示放射渐变,
3表示直角渐变。
filter:alpha(opacity=opcity,finishopacity=finishopacity,style=style,startX=startX,startY=startY,finishX=finishX,finishY=finishY)
Opacity代表透明度等级,可选值从0到100,0代表完全透明,100代表完全不透明。 Style参数指定了透明区域的形状特征。其中0代表统一形状;1代表线形;2代表放射状;3代表长方形。
Finishopacity是一个可选项,用来设置结束时的透明度,从而达到一种渐变效果,它的值也是从0到100。
StartX和StartY代表渐变透明效果的开始坐标。
finishX和finishY代表渐变透明效果的结束坐标。
*************************************
opacity -- 不透明度
- 取值: <alphavalue> | inherit
- <alphavalue>: 透明度取值(取值范围[0.0,1.0])
- inherit: 继承
- 初始值: 1(不透明)
- 继承性: 是
- 适用于: 所有元素
- 引用网址:http://www.dreamdu.com/css/property_opacity/
- CSS3提出opacity属性
*************************************
相关推荐
其语法为:STYLE="filter:Alpha(Opacity=opacity, FinishOpacity=finishopacity, Style=style, StartX=startX, StartY=startY, FinishX=finishX, FinishY=finishY)"。其中,Opacity 是起始值,取值为 0~100,0 为...
在IE浏览器中,使用filter:alpha(opacity=值)的方式来设置透明度,这里的值可以是0到100之间的任意整数,其中0表示完全透明,100表示完全不透明。例如,如果你想将某个元素设置为80%的不透明度,可以使用FILTER:...
filter: Alpha(Opacity=opacity, FinishOpacity=finishopacity, Style=style, StartX=startX, StartY=startY, FinishX=finishX, FinishY=finishY); } ``` - **参数**: - `Opacity`:起始透明度(取值范围为0到...
- 语法:`STYLE="filter:Alpha(Opacity=opacity, FinishOpacity=finishopacity, Style=style, StartX=startX, StartY=startY, FinishX=finishX, FinishY=finishY)"` - **说明**: - `Opacity`:起始透明度,取值...
<IMG style="FILTER: Alpha(opacity=100,style=1)" src="图片链接地址" width=200> <IMG style="FILTER: Alpha(opacity=100,style=2)" src="图片链接地址" width=200> <IMG style="FILTER: Alpha(opacity=100,style=...
CSS样式的filter(滤镜效果)对HTML的一些标记设置滤镜效果。 黑白照片 filter: gray; X光照片 filter: Xray; 风动模糊 filter: blur(add=... 线型透明 filter: Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0
<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=1)" width="80%" color="#987cb9" SIZE="3"> ``` 4. 左边渐变透明 使用`FILTER`属性可以实现左边渐变透明的效果,例如: ```html <HR style="FILTER: ...
一、基本线条 二、特效(效果并不是孤立的,可相互组合)1、两头渐变透明:<HR xss=removed alpha(opacity=100,finishopacity xss=removed width=80% color=#987cb9 ...HR style=FILTER: alpha(opacity=100,finishopac
{filter:alpha(opacity=#opacity,finishopacity=#finishopacity,style=#style,startx=#startx,starty=#starty,finishx=#finishx,finishy=#finishy)} ``` #### 三、`alpha`滤镜详解 `alpha`滤镜主要用于调整元素的...
完成简单的透明度控制功能 使用filter的功能对图片元素进行透明度控制。 支持IE8,Chrome浏览器。... /*支持chrome浏览器filter*/ } /*不透明*/ .opacity-100 { filter:alpha(opacity=100); -webkit-filter:opa
1. Alpha 滤镜:STYLE="filter:Alpha(Opacity=opacity,FinishOpacity=finishopacity,Style=style,StartX=startX,StartY=startY,FinishX=finishX,FinishY=finishY)" 2. Blur 滤镜:STYLE="filter:Blur(Add=add,...
- **语法**: `STYLE="filter:Alpha(Opacity=opacity,FinishOpacity=finishopacity,Style=style,StartX=startX,StartY=startY,FinishX=finishX,FinishY=finishY)"` - **说明**: Alpha滤镜主要用于调整元素的透明度。 ...
<!DOCTYPE ... filter: alpha(opacity=70); opacity: 0.7;} </style> <div id="layout"> </html>
STYLE="filter:Alpha(Opacity=opacity,FinishOpacity=finishopacity,Style=style, StartX=startX,StartY=startY,FinishX=finishX,FinishY=finishY)" ``` #### 描述 Alpha滤镜主要用于调整图像的透明度。 - `Opacity...
- **IE浏览器**:通过`filter: alpha(opacity=100)`和`E.filters.alpha.opacity = 1 * VALUE`来兼容IE浏览器。 - **其他现代浏览器**:使用`opacity: 1`和`E.style.opacity = 0.01 * VALUE`来兼容其他现代浏览器。 ...
复制代码代码如下: style=”filter:alpha(opacity=100,finishopacity=0,style=2)” 参数解析: alpha是来设置透明度的,它的基本属性是filter:alpha(opacity,finishopacity,style,startX,startY,finishX,...
- 语法:`filter:Alpha(Opacity=opacity,FinishOpacity=finishopacity,Style=style,StartX=startX,StartY=startY,FinishX=finishX,FinishY=finishY)` - 示例:`filter:Alpha(Opacity="0",FinishOpacity="40",Style...
filter: alpha(opacity=50, style=1, startx=0, starty=0, finishx=100, finishy=100); /* 从左上角到右下角的线性渐变透明 */ } ``` #### 二、Blur滤镜 - 建立模糊效果 Blur滤镜用于创建模糊效果,可以通过...
filter: Alpha(opacity=50, finishOpacity=0, style=1, startX=0, startY=0, finishX=100, finishY=100); } ``` 这段代码将使元素的透明度从50%线性变化至完全透明。 #### Blur模糊滤镜 Blur滤镜用于创建模糊效果...