php透明属性,HTML_CSS滤镜:alpha属性,alpha是来设置透明度的。先来 - phpStudy

CSS滤镜:alpha属性

alpha是来设置透明度的。先来看一下它的表达格式:

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这一个参数就可以了。说了这么多,我们来看一个实例吧(见下图):

实现上面这种效果的代码如下:

alpha

Beautiful

//*定义字体属性,前景色为红色*//

%E2%80%9Css01076.jpg%E2%80%9D

//*导入一张图片*//

如果在上面的代码中稍做改动,则将产生另外多种效果。我们只修改img的样式属性,把head中的Img样式属性代码改为如下所示:

img{position:absolute;top:20;left:40;

filter:alpha(opacity=0,finishopacity=100,

style=1,startx=0,starty=85,finishx=150,finishy=85);}

//*设置透明渐变效果,起始坐标,终止渐变坐标,并设置透明样式值(style=1)为   线形*//

这段代码产生的效果如左下图所示,右面的两幅图分别是把Alpha中的Style参数值为2和3后的效果,点击缩略图可放大。

Style=1        Style=2      Style=3

以上是CSS的Alpha滤镜属性的应用,具体应用还需要您自己找个例子练一练。

本文作者:相关阅读:

细化解析:SQL Server 2005 数据库镜像

javascript开发随笔二 动态加载js和文件

sqlserver 无法验证产品密匙的完美解决方案[测试通过]

WinXP系统小知识

IIS7 应用程序池的 托管管道模式与集成模式小结

提高CSS的网页渲染效率11个注意点

W3C教程(6):W3C CSS 活动

正则表达式regular expression详述(二)

二级连动菜单

php下批量挂马和批量清马代码

批量判断域名是否被注册程序代码

[JQuery插件] 固定表头, 左侧某些列的表格

对有自增长字段的表导入数据注意事项

Oracle错误:ORA-6544

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值