29240_CSS渐变滤镜大全

	设为首页

	给我留言


	首页	关于我们作品展示项目服务域名空间公司新闻建站学院 SEO优化网站建设建站知识联系我们

保定建站真心为您服务！承接网站建设 + 网页设计 + FLASH设计 + 网站开发 + 平面设计，专业技术人员一对一服务让建站更加专业更加放心……二十小时服务热线：+86）13730168216。欢迎来电咨询……

现在时间是

文章展示

网站建设网站推广一切竟掌握

CSS渐变滤镜大全
发布者：网站建设保定做网站发布时间：2009-6-14 点击次数：29240

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#46B5FF,endColorStr=#ffffff)" >

CSS渐变滤镜大全

23.随机变换效果            type="progid:DXImageTransform.Microsoft.RevealTrans(enabled=ture,transition=23)"

0.方形逐渐变小            type="progid:DXImageTransform.Microsoft.Iris(irisstyle=square,motion=in)"
交叉形逐渐变大        type="progid:DXImageTransform.Microsoft.Iris(irisstyle=cross,motion=out)"
菱形逐渐变小            type="progid:DXImageTransform.Microsoft.Iris(irisstyle=diamond,motion=in)"

1.方形逐渐变大            type="progid:DXImageTransform.Microsoft.Iris(irisstyle=square,motion=out)"
交叉形逐渐变小        type="progid:DXImageTransform.Microsoft.Iris(irisstyle=cross,motion=in)"
菱形逐渐变大            type="progid:DXImageTransform.Microsoft.Iris(irisstyle=diamond,motion=out)"

2.圆形逐渐变小            type="progid:DXImageTransform.Microsoft.Iris(irisstyle=circle,motion=in)"
加号形逐渐变大        type="progid:DXImageTransform.Microsoft.Iris(irisstyle=plus,motion=out)"
星形逐渐变小            type="progid:DXImageTransform.Microsoft.Iris(irisstyle=star,motion=in)"

3.圆形逐渐变大            type="progid:DXImageTransform.Microsoft.Iris(irisstyle=circle,motion=out)"
加号形逐渐变小        type="progid:DXImageTransform.Microsoft.Iris(irisstyle=plus,motion=in)"
星形逐渐变大            type="progid:DXImageTransform.Microsoft.Iris(irisstyle=star,motion=out)"

4.向上逐渐擦除            type="progid:DXImageTransform.Microsoft.Blinds(bands=1,direction=up)"

5.向下逐渐擦除            type="progid:DXImageTransform.Microsoft.Blinds(bands=1,direction=down)"

6.向左逐渐擦除            type="progid:DXImageTransform.Microsoft.Blinds(bands=1,direction=left)"

7.向右逐渐擦除            type="progid:DXImageTransform.Microsoft.Blinds(bands=1,direction=right)"

8.垂直百叶窗效果        type="progid:DXImageTransform.Microsoft.Blinds(bands=6,direction=right)"
                               type="progid:DXImageTransform.Microsoft.Blinds(bands=6,direction=left)"
                               type="progid:DXImageTransform.Microsoft.Blinds(bands=60,direction=right)"
                               type="progid:DXImageTransform.Microsoft.Blinds(bands=60,direction=left)"

9.水平百叶窗效果        type="progid:DXImageTransform.Microsoft.Blinds(bands=6,direction=down)"
                               type="progid:DXImageTransform.Microsoft.Blinds(bands=6,direction=up)"
                               type="progid:DXImageTransform.Microsoft.Blinds(bands=60,direction=down)"
                               type="progid:DXImageTransform.Microsoft.Blinds(bands=60,direction=up)"

10.横向棋盘效果            type="progid:DXImageTransform.Microsoft.CheckerBoard(direction=down,squaresX=12,squaresY=12)"
                               type="progid:DXImageTransform.Microsoft.CheckerBoard(direction=up,squaresX=12,squaresY=12)"
                               type="progid:DXImageTransform.Microsoft.Checkerboard(direction=down,squaresX=2,squaresY=2)"
                               type="progid:DXImageTransform.Microsoft.Checkerboard(direction=up,squaresX=2,squaresY=2)"
                               type="progid:DXImageTransform.Microsoft.Checkerboard(direction=down,squaresX=60,squaresY=60)"
                               type="progid:DXImageTransform.Microsoft.Checkerboard(direction=up,squaresX=60,squaresY=60)"

11.纵向棋盘效果            type="progid:DXImageTransform.Microsoft.CheckerBoard(direction=right,squaresX=12,squaresY=12)"
                               type="progid:DXImageTransform.Microsoft.CheckerBoard(direction=left,squaresX=12,squaresY=12)"
                               type="progid:DXImageTransform.Microsoft.Checkerboard(direction=right,squaresX=2,squaresY=2)"
                               type="progid:DXImageTransform.Microsoft.Checkerboard(direction=left,squaresX=2,squaresY=2)"
                               type="progid:DXImageTransform.Microsoft.Checkerboard(direction=right,squaresX=60,squaresY=60)"
                               type="progid:DXImageTransform.Microsoft.Checkerboard(direction=left,squaresX=60,squaresY=60)"

12.随机溶解效果            type="progid:DXImageTransform.Microsoft.RandomDissolve(enable=true)"

13.左右向中部收缩        type="progid:DXImageTransform.Microsoft.Barn(motion=in,orientation=vertical)"

14.中部向左右展开        type="progid:DXImageTransform.Microsoft.Barn(motion=out,orientation=vertical)"

15.上下向中部收缩        type="progid:DXImageTransform.Microsoft.Barn(motion=in,orientation=horizontal)"

16.中部向上下展开        type="progid:DXImageTransform.Microsoft.Barn(motion=out,orientation=horizontal)"

17.阶梯状向左下展开        type="progid:DXImageTransform.Microsoft.Strips(motion=leftdown)"

18.阶梯状向左上展开        type="progid:DXImageTransform.Microsoft.Strips(motion=leftup)"

19.阶梯状向右下展开        type="progid:DXImageTransform.Microsoft.Strips(motion=rightdown)"

20.阶梯状向右上展开        type="progid:DXImageTransform.Microsoft.Strips(motion=rightup)"

21.随机水平线效果        type="progid:DXImageTransform.Microsoft.RandomBars(orientation=horizontal)"

22.随机垂直线效果        type="progid:DXImageTransform.Microsoft.RandomBars(orientation=vertical)"

24.标准渐变转化效果        type="BlendTrans(enabled=true,percent=10)"

25.可调渐变转化效果        type="progid:DXImageTransform.Microsoft.Fade(enabled=ture,overlap=1.0)"

26.向右下插入效果        type="progid:DXImageTransform.Microsoft.Inset(enabled=ture)"

27.马赛克效果            type="progid:DXImageTransform.Microsoft.Pixelate(maxSquare=20)"

28.时钟形射线擦除        type="progid:DXImageTransform.Microsoft.RadialWipe(wipestyle=clock)"
29.楔子形射线擦除        type="progid:DXImageTransform.Microsoft.RadialWipe(wipestyle=wedge)"

30.辐射形射线擦除        type="progid:DXImageTransform.Microsoft.RadialWipe(wipestyle=radial)"

31.隐藏式幻灯片效果        type="progid:DXImageTransform.Microsoft.Slide(slidestyle=hide,bands=1)"
                               type="progid:DXImageTransform.Microsoft.Slide(slidestyle=hide,bands=20)"
32.推动式幻灯片效果        type="progid:DXImageTransform.Microsoft.Slide(slidestyle=push,bands=1)"
                               type="progid:DXImageTransform.Microsoft.Slide(slidestyle=push,bands=20)"
33.交换式幻灯片效果        type="progid:DXImageTransform.Microsoft.Slide(slidestyle=swap,bands=1)"
                               type="progid:DXImageTransform.Microsoft.Slide(slidestyle=swap,bands=20)"

34.螺旋形收缩效果        type="progid:DXImageTransform.Microsoft.Spiral(gridSizeX=20,gridSizeY=20)"

35.隐藏式伸展效果        type="progid:DXImageTransform.Microsoft.Stretch(stretchstyle=hide)"
36.推动式伸展效果        type="progid:DXImageTransform.Microsoft.Stretch(stretchstyle=push)"
37.旋转式伸展效果        type="progid:DXImageTransform.Microsoft.Stretch(stretchstyle=spin)"

38.风车轮转动效果        type="progid:DXImageTransform.Microsoft.Wheel(spokes=20)"

39.梯度擦除效果            type="progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.5,wipestyle=0,motion=forward)"
                               type="progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.5,wipestyle=0,motion=reverse)"
                               type="progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.5,wipestyle=1,motion=forward)"
                               type="progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.5,wipestyle=1,motion=reverse)"

       40.Z字形曲折效果        type="progid:DXImageTransform.Microsoft.Zigzag(gridSizeX=20,gridSizeY=20)"

-->
注:头23个滤镜（指有标号的）是常见滤镜，均可用第23号滤镜（排在文章中的第一种滤镜）变换参数获得。如1号滤镜可以将23号滤镜中的transition=23改为transition=1，其余同。

给大家一个列子！

<style type="text/css">

</style>

这个是用过滤器把网页的BODY过滤以灰度方式输出，也就是5.12哀悼版的样式。


相关文章展示：	关键词： CSS 渐变滤镜


Javascript修正12个浏览器兼容问题 [71939]

可用性测试的一些心得 [66349]

世界最大广告集团WPP今年将裁员7200人 [61834]

Flash登陆电视 [58093]

中文前缀邮件标准完成制定 [50181]

微软IE浏览器四面受敌 [57921]

博客月访问量过10万等于年收入7.5万美元 [47902]

有关电子公告BBS专项备案重要通知 [54395]

百度嵌入手机菜单 [46655]

“80后”创业实录靠创意起家 [44763]

保定建站欢迎您的咨询

详细地址

	资询热线：
	0312-5975933

推荐文章

· 蛇形溯源-通过话题链接，跨平台获取相关话题的关键词与出现频次

· 社群营销第一人：陈艺明【社群推广首选】社群宣传费用

· 信息发布技巧：产品诱人，卖点突出

· 保定网络公司哪家好？保定最好的网络公司

· 高阳经济开发区与我公司司签订网站建设服务

· 保定微营销报名啦！落地操作（微生活学院）别和钱较劲- 陈艺明

· 保定微营销【最好的】微营销活动报名开始了，陈艺明讲述微生活营

· 保定微营销：陈艺明F2F微生活营销课程开始了！保定微营销最好

· 保定做网站最便宜的多少钱？保定哪家做网站最便宜？

· 保定手机网站建设，保定APP手机网站制作

· 祝贺保定职业技术学院武术协会与我司签订网站建设

· 陈老师讲解：保定中小企业网络微营销的困难困难“解决”低小丑的

最新作品

客服中心:河北省保定市永华路与西大街交汇处(查看地图路线)秀兰公寓B座4楼右转即到（428号）。
网络公司联系电话：0312-5975933 / 2035252 / 3146161 二十小时联系电话：13730168216   网络公司售后服务电话：15603212829 传真：0312-3146161
工作时间：周一至周六.上午：8：00-12:00 下午：2：00-6：00 周日全天服务电话:13730168216
客服企业邮箱：kefu@jihewang.com   技术企业邮箱：jishu@jihewang.com   经理企业邮箱：admin@jihewang.com
网络公司名称：   工商注册号：130604000010106   邮编：07100
保定网络公司永久网址：http://www.jihewang.com
Copyright © 2003-2012 保定建站 All rights reserved. 冀ICP备05000154号
本公司业务：保定网站建设_保定网站制作_保定网站推广_保定网页网站设计_保定400电话_软件群发_保定网络公司以敬业、负责的态度为您做网站，以客户的成功为成功。

	客服
	客服
	技术
	域名
	空间
	售后
	咨询
	MSN
	电邮