`

filter:alpha(opacity=100,style=1)

    博客分类:
  • css
 
阅读更多

filter:alpha(opacity=100,style=1)

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属性

*************************************

分享到:
评论

相关推荐

    CSS filter滤镜

    其语法为:STYLE="filter:Alpha(Opacity=opacity, FinishOpacity=finishopacity, Style=style, StartX=startX, StartY=startY, FinishX=finishX, FinishY=finishY)"。其中,Opacity 是起始值,取值为 0~100,0 为...

    css中filter:alpha透明度使用小结兼容IE、火狐

    在IE浏览器中,使用filter:alpha(opacity=值)的方式来设置透明度,这里的值可以是0到100之间的任意整数,其中0表示完全透明,100表示完全不透明。例如,如果你想将某个元素设置为80%的不透明度,可以使用FILTER:...

    CSS style filter

    filter: Alpha(Opacity=opacity, FinishOpacity=finishopacity, Style=style, StartX=startX, StartY=startY, FinishX=finishX, FinishY=finishY); } ``` - **参数**: - `Opacity`:起始透明度(取值范围为0到...

    CSS滤镜详解

    - 语法:`STYLE="filter:Alpha(Opacity=opacity, FinishOpacity=finishopacity, Style=style, StartX=startX, StartY=startY, FinishX=finishX, FinishY=finishY)"` - **说明**: - `Opacity`:起始透明度,取值...

    关于网页制作的代码

    &lt;IMG style="FILTER: Alpha(opacity=100,style=1)" src="图片链接地址" width=200&gt; &lt;IMG style="FILTER: Alpha(opacity=100,style=2)" src="图片链接地址" width=200&gt; &lt;IMG style="FILTER: Alpha(opacity=100,style=...

    css 滤镜效果主要对HTML标记设置滤镜效果

    CSS样式的filter(滤镜效果)对HTML的一些标记设置滤镜效果。 黑白照片 filter: gray; X光照片 filter: Xray; 风动模糊 filter: blur(add=... 线型透明 filter: Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0

    HTML分割线特效汇总实例

    &lt;HR style="FILTER: alpha(opacity=100,finishopacity=0,style=1)" width="80%" color="#987cb9" SIZE="3"&gt; ``` 4. 左边渐变透明 使用`FILTER`属性可以实现左边渐变透明的效果,例如: ```html &lt;HR style="FILTER: ...

    HTML 几种特别分割线特效

    一、基本线条 二、特效(效果并不是孤立的,可相互组合)1、两头渐变透明:&lt;HR xss=removed alpha(opacity=100,finishopacity xss=removed width=80% color=#987cb9 ...HR style=FILTER: alpha(opacity=100,finishopac

    网页滤镜详解 filter

    {filter:alpha(opacity=#opacity,finishopacity=#finishopacity,style=#style,startx=#startx,starty=#starty,finishx=#finishx,finishy=#finishy)} ``` #### 三、`alpha`滤镜详解 `alpha`滤镜主要用于调整元素的...

    css+filter实现简单的图片透明效果

    完成简单的透明度控制功能 使用filter的功能对图片元素进行透明度控制。 支持IE8,Chrome浏览器。... /*支持chrome浏览器filter*/ } /*不透明*/ .opacity-100 { filter:alpha(opacity=100); -webkit-filter:opa

    Dreamweaver中的静态滤镜参数设置大全

    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,...

    css滤镜效果实例丛书

    - **语法**: `STYLE="filter:Alpha(Opacity=opacity,FinishOpacity=finishopacity,Style=style,StartX=startX,StartY=startY,FinishX=finishX,FinishY=finishY)"` - **说明**: Alpha滤镜主要用于调整元素的透明度。 ...

    实现半透明效果,用层来实现

    &lt;!DOCTYPE ... filter: alpha(opacity=70); opacity: 0.7;} &lt;/style&gt; &lt;div id="layout"&gt; &lt;/html&gt;

    Css中的filter属性语法说明.

    STYLE="filter:Alpha(Opacity=opacity,FinishOpacity=finishopacity,Style=style, StartX=startX,StartY=startY,FinishX=finishX,FinishY=finishY)" ``` #### 描述 Alpha滤镜主要用于调整图像的透明度。 - `Opacity...

    javascript层透明度

    - **IE浏览器**:通过`filter: alpha(opacity=100)`和`E.filters.alpha.opacity = 1 * VALUE`来兼容IE浏览器。 - **其他现代浏览器**:使用`opacity: 1`和`E.style.opacity = 0.01 * VALUE`来兼容其他现代浏览器。 ...

    html div 透明样式示例代码

    复制代码代码如下: style=”filter:alpha(opacity=100,finishopacity=0,style=2)” 参数解析: alpha是来设置透明度的,它的基本属性是filter:alpha(opacity,finishopacity,style,startX,startY,finishX,...

    asp.net 3.5 sp1开发资料

    - 语法:`filter:Alpha(Opacity=opacity,FinishOpacity=finishopacity,Style=style,StartX=startX,StartY=startY,FinishX=finishX,FinishY=finishY)` - 示例:`filter:Alpha(Opacity="0",FinishOpacity="40",Style...

    CSS滤镜效果大全

    filter: alpha(opacity=50, style=1, startx=0, starty=0, finishx=100, finishy=100); /* 从左上角到右下角的线性渐变透明 */ } ``` #### 二、Blur滤镜 - 建立模糊效果 Blur滤镜用于创建模糊效果,可以通过...

    网页制作之css滤镜

    filter: Alpha(opacity=50, finishOpacity=0, style=1, startX=0, startY=0, finishX=100, finishY=100); } ``` 这段代码将使元素的透明度从50%线性变化至完全透明。 #### Blur模糊滤镜 Blur滤镜用于创建模糊效果...

Global site tag (gtag.js) - Google Analytics