CSS渐变滤镜大全
来源:互联网 发布:电脑管家修复网络异常 编辑:程序博客网 时间:2024/05/06 12:54
CSS渐变滤镜大全
方形逐渐变小
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.CheckerBoar
(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)"
23.随机变换效果
type="progid:DXImageTransform.Microsoft.RevealTrans(enabled=ture,transition=23)"
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)"
- CSS渐变滤镜大全
- CSS滤镜做渐变
- CSS滤镜:颜色渐变
- css滤镜效果---渐变1
- css滤镜效果---渐变2
- css图片滤镜大全
- css图片滤镜大全
- css滤镜大全
- CSS滤镜:颜色渐变[微软的方法]
- CSS滤镜:颜色渐变[微软的方法]
- CSS滤镜—渐变色的设置
- 跨浏览器实现CSS滤镜颜色渐变
- 用CSS滤镜实现颜色渐变效果
- CSS滤镜效果实现渐变翻转
- 少用CSS滤镜来实现渐变的理由
- CSS渐变滤镜兼容性工具,特别好用
- IE8下css中滤镜filter的颜色渐变
- SVG 滤镜与渐变
- Oracl基础入门—oracle的命名规则
- 为什么使用JDBC数据库编程
- 巧做新年贺卡
- 触发了未处理的Sorting事件 触发了未处理的PageIndexChanging事件
- WebService之Soap头验证入门
- CSS渐变滤镜大全
- SunOS & Solaris Version History
- 很遗憾,你们的问题我无法回答--Leo谈应届生求职(10)
- OpenGL ES学习笔记之一
- 在Resin3下配置SpringSide的HelloWorld示例程序碰到的问题和解决方法(说白了还是resin3.0解析xml问题)
- C语言时间函数
- FTP的ASCII和Binary两种传输方式有何不同
- 通过反射获取类的所有属性和方法
- CL_GUI_FRONTEND_SERVICES 客户端系统的操作