ddc
联网
Dreamweaver Flash Photoshop 其它周边 web标准 asp php .net CSS WAP网站攻略 专题
上海网站建设 网站建设 域名注册 虚拟主机 广州网站设计 域名注册 广州网站建设 上海网站建设 虚拟主机 广州网页设计 虚拟主机 域名注册 acg ACG玩家 品牌设计
求创科技
网站建设
中国互联
投稿
素材出售
中国设计秀
中资源
当前位置:网络学院首页 >> 设计教程 >> web标准 >> CSS渐变滤镜

CSS渐变滤镜 (1)

来源:中国设计秀    作者:    点击:582     加入收藏

<!--图型变换代码如下.

    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字形曲折效果  

0
顶一下
[1] [2]
2007-10-22 12:21:00    出处:
Google
热点文章/相关文章

音乐
嫁衣 画心 放生 天亮了 牡丹江 那滋味 擦肩而过 怀念过去 北京欢迎你 突然好想你 吻的太逼真 说好的幸福呢 坐上火车去拉萨 没有人比我更爱你
愚爱 心碎 稻香 带我走 醉赤壁 魔杰座 我还想她 明天过后 一定要爱你 等爱的玫瑰 原谅我一次 越单纯越幸福 最后一次的温柔 给我一首歌的时间
白狐 光荣 降临 下雨天 小酒窝 樱花草 恋爱新手 说唱脸谱 红色高跟鞋 寂寞才说爱 深深爱过你 爱上你是个错 即使知道要见面 不是因为寂寞才想你
城府 假如 花海 兰亭序 棉花糖 舍不得 最后一次 女人如烟 外滩十八号 我们的纪念 我们的无奈 心在跳情在烧 爱上你是我的错 爱情里没有谁对谁错
网站地图 | 关于我们 | 联系我们 | 网站建设 | 广告服务 | 版权声明 | 免责声明 | 网站公告 | 友情链接 | 留言 | 旧版入口