zoukankan      html  css  js  c++  java
  • 网站制作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)

  • 相关阅读:
    以证书的方式登录ssh
    JSPatch在MAC下的使用
    sqlite3使用备忘
    iOS模拟器录屏转gif神器
    UINavigationController + UIScrollView组合,视图尺寸的设置探秘(三)
    UINavigationController + UIScrollView组合,视图尺寸的设置探秘(二)
    UINavigationController + UIScrollView组合,视图尺寸的设置探秘(一)
    内容可循环重用的ScrollView
    关于Logger
    Git入门操作
  • 原文地址:https://www.cnblogs.com/boyice/p/2123478.html
Copyright © 2011-2022 走看看