网站制作CSS图片转换滤镜代码(貌似只对ie有用。。。)

是别人写的哦~~~我觉得很好呢~~~就复制来了~~~呵呵 

只需要一句话代码,网站制作时就可以让图片像PPT文档那样可以自由切换,很简单!在转换之前,我们要先了解三个基本代码:

  旋 转 :style="filter: progid:DXImageTransform.Microsoft.BasicImage(rotation:1)"

  去背景色:style="filter:Chroma(Color=#000000)"

  设置渐变色:style="position:relative;left:0px;top:0px;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ff0000,endcolorstr=#ffff00,gradientType=1)"

  精彩回顾:网站制作之CSS滤镜效果大全

  下面是图片转换滤镜大全,希望可以帮助朋友们~!!!

  随机变换:progid:DXImageTransform.Microsoft.RevealTrans(enabled=true,transition=23)

  方形渐小:progid:DXImageTransform.Microsoft.Iris(irisstyle=square,motion=in)

  方形渐大:progid:DXImageTransform.Microsoft.Iris(irisstyle=square,motion=out)

  交叉渐小:progid:DXImageTransform.Microsoft.Iris(irisstyle=cross,motion=in)

  交叉渐大:progid:DXImageTransform.Microsoft.Iris(irisstyle=cross,motion=out)

  星形渐大:progid:DXImageTransform.Microsoft.Iris(irisstyle=star,motion=out)

  星形渐小:progid:DXImageTransform.Microsoft.Iris(irisstyle=star,motion=in)

  圆形渐大:progid:DXImageTransform.Microsoft.Iris(irisstyle=circle,motion=out)

  圆形渐小:progid:DXImageTransform.Microsoft.Iris(irisstyle=circle,motion=in)

  菱形渐小:progid:DXImageTransform.Microsoft.Iris(irisstyle=diamond,motion=in)

  菱形渐大:progid:DXImageTransform.Microsoft.Iris(irisstyle=diamond,motion=out)

  加号渐大:progid:DXImageTransform.Microsoft.Iris(irisstyle=plus,motion=out)

  加号渐小:progid:DXImageTransform.Microsoft.Iris(irisstyle=plus,motion=in)

  向上擦除:progid:DXImageTransform.Microsoft.Blinds(bands=1,direction=up)

  向下擦除:progid:DXImageTransform.Microsoft.Blinds(bands=1,direction=down)

  向左擦除:progid:DXImageTransform.Microsoft.Blinds(bands=1,direction=left)

  向右擦除:progid:DXImageTransform.Microsoft.Blinds(bands=1,direction=right)

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

  随机溶解:progid:DXImageTransform.Microsoft.RandomDissolve(enable=true)

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

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

  随机水平线:progid:DXImageTransform.Microsoft.RandomBars(orientation=horizontal)

  随机垂直线:progid:DXImageTransform.Microsoft.RandomBars(orientation=vertical)

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

  标准渐变转化:BlendTrans(enabled=true,percent=10)

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

  向右下插入:progid:DXImageTransform.Microsoft.Inset(enabled=ture)

  隐藏式伸展:progid:DXImageTransform.Microsoft.Stretch(stretchstyle=hide)

  推动伸展:progid:DXImageTransform.Microsoft.Stretch(stretchstyle=push)

  旋转伸展:progid:DXImageTransform.Microsoft.Stretch(stretchstyle=spin)

  反时钟:progid:DXImageTransform.Microsoft.RadialWipe(wipestyle=wedge)

  辐射射线:progid:DXImageTransform.Microsoft.RadialWipe(wipestyle=radial)

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

  时 钟:progid:DXImageTransform.Microsoft.RadialWipe(wipestyle=clock)

  阶梯左下:progid:DXImageTransform.Microsoft.Strips(motion=leftdown)

  阶梯右上:progid:DXImageTransform.Microsoft.Strips(motion=rightup)

  阶梯左上:progid:DXImageTransform.Microsoft.Strips(motion=leftup)

  阶梯右下:progid:DXImageTransform.Microsoft.Strips(motion=rightdown)

  螺旋形收缩:progid:DXImageTransform.Microsoft.Spiral(gridSizeX=20,gridSizeY=20)

  风车转动:progid:DXImageTransform.Microsoft.Wheel(spokes=20)

  Z形曲折:progid:DXImageTransform.Microsoft.Zigzag(gridSizeX=20,gridSizeY=20)

  H百叶窗:progid:DXImageTransform.Microsoft.Blinds(bands=6,direction=down)

  :progid:DXImageTransform.Microsoft.Blinds(bands=6,direction=up)

  :progid:DXImageTransform.Microsoft.Blinds(bands=60,direction=down)

  :progid:DXImageTransform.Microsoft.Blinds(bands=60,direction=up)

  V百叶窗:progid:DXImageTransform.Microsoft.Blinds(bands=6,direction=right)

  :progid:DXImageTransform.Microsoft.Blinds(bands=6,direction=left)

  :progid:DXImageTransform.Microsoft.Blinds(bands=60,direction=right)

  :progid:DXImageTransform.Microsoft.Blinds(bands=60,direction=left)

  交换式幻灯片:progid:DXImageTransform.Microsoft.Slide(slidestyle=swap,bands=1)

  :progid:DXImageTransform.Microsoft.Slide(slidestyle=swap,bands=20)

  推动式幻灯片:progid:DXImageTransform.Microsoft.Slide(slidestyle=push,bands=1)

  :progid:DXImageTransform.Microsoft.Slide(slidestyle=push,bands=20)

  隐藏式幻灯片:progid:DXImageTransform.Microsoft.Slide(slidestyle=hide,bands=1)

  :progid:DXImageTransform.Microsoft.Slide(slidestyle=hide,bands=20)

  模糊推进:progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.5,wipestyle=0,motion=forward)

  :progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.5,wipestyle=0,motion=reverse)

  :progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.5,wipestyle=1,motion=forward)

  :progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.5,wipestyle=1,motion=reverse)

  纵向棋盘:progid:DXImageTransform.Microsoft.CheckerBoard(direction=right,squaresX=12,squaresY=12)

  :progid:DXImageTransform.Microsoft.CheckerBoard(direction=left,squaresX=12,squaresY=12)

  :progid:DXImageTransform.Microsoft.Checkerboard(direction=right,squaresX=2,squaresY=2)

  :progid:DXImageTransform.Microsoft.Checkerboard(direction=left,squaresX=2,squaresY=2)

  :progid:DXImageTransform.Microsoft.Checkerboard(direction=right,squaresX=60,squaresY=60)

  :progid:DXImageTransform.Microsoft.Checkerboard(direction=left,squaresX=60,squaresY=60)

  横向棋盘:progid:DXImageTransform.Microsoft.CheckerBoard(direction=down,squaresX=12,squaresY=12)

  :progid:DXImageTransform.Microsoft.CheckerBoard(direction=up,squaresX=12,squaresY=12)

  :progid:DXImageTransform.Microsoft.Checkerboard(direction=down,squaresX=2,squaresY=2)

  :progid:DXImageTransform.Microsoft.Checkerboard(direction=up,squaresX=2,squaresY=2)

  :progid:DXImageTransform.Microsoft.Checkerboard(direction=down,squaresX=60,squaresY=60)

  :progid:DXImageTransform.Microsoft.Checkerboard(direction=up,squaresX=60,squaresY=60)

posted @ 2011-08-01 10:17  boyice  阅读(633)  评论(0编辑  收藏  举报