• 网站制作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)

  • 相关阅读:
    码农的自我修养
    工程化编程实战callback接口学习笔记
    eval代码执行漏洞
    CTF_show WEB1通过order排序读取数据库数据(特定场景)
    Python的ico_hash计算脚本
    FOFA网页爬取最新 批量版本
    利用Python爬取fofa网页端数据
    利用Python进行Payload分离免杀
    [Gym101653Q]Number Game
    傅里叶变换
  • 原文地址:https://www.cnblogs.com/boyice/p/2123478.html
Copyright © 2020-2023  润新知