视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
CSS渐变滤镜大全
2025-10-02 04:42:52 责编:小OO
文档
CSS渐变滤镜大全

代码为:

         (效果:同16)

       (效果:同18)

#####################################################

    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字形曲折效果        type="progid:DXImageTransform.Microsoft.Zigzag(gridSizeX=20,gridSizeY=20)"

–>

注:头23个滤镜(指有标号的)是常见滤镜,均可用第23号滤镜(排在文章中的第一种滤镜)变换参数获得。如1号滤镜可以将23号滤镜中的transition=23改为transition=1,其余同。

给大家一个列子!

这个是用过滤器把网页的BODY过滤以灰度方式输出,也就是5.12哀悼版的样式。

#########################################################################

//以下为:“hdp(57种).js”的代码

var suu =1;

var iTransNumber=0;

var garTransitions = new Array(); //arrary of filter strings

garTransitions[0] = "progid:DXImageTransform.Microsoft.Fade(enabled=ture,overlap=2.0)";

garTransitions[1] = "progid:DXImageTransform.Microsoft.Wipe(GradientSize=.50, wipeStyle=0, motion=forward)";

garTransitions[2] = "progid:DXImageTransform.Microsoft.Wipe(GradientSize=.50, wipeStyle=0, motion=reverse)";

garTransitions[3] = "progid:DXImageTransform.Microsoft.Wipe(GradientSize=.50, wipeStyle=1, motion=forward)";

garTransitions[4] = "progid:DXImageTransform.Microsoft.Wipe(GradientSize=.50, wipeStyle=1, motion=reverse)";

garTransitions[5] = "progid:DXImageTransform.Microsoft.Inset(enabled=ture)";

garTransitions[6] = "progid:DXImageTransform.Microsoft.Wheel(spokes=8)";

garTransitions[7] = "progid:DXImageTransform.Microsoft.RadialWipe(wipeStyle=wedge)";

garTransitions[8] = "progid:DXImageTransform.Microsoft.RadialWipe(wipeStyle=clock)";

garTransitions[9] = "progid:DXImageTransform.Microsoft.RadialWipe(wipeStyle=radial)";

garTransitions[10] = "progid:DXImageTransform.Microsoft.Zigzag(gridSizeX=20,gridSizeY=20)";

garTransitions[11] = "progid:DXImageTransform.Microsoft.Iris(IrisStyle=STAR,motion=out";

garTransitions[12] = "progid:DXImageTransform.Microsoft.Iris(IrisStyle=STAR,motion=in";

garTransitions[13] = "progid:DXImageTransform.Microsoft.Iris(IrisStyle=DIAMOND,motion=out)";

garTransitions[14] = "progid:DXImageTransform.Microsoft.Iris(IrisStyle=DIAMOND,motion=in)";

garTransitions[15] = "progid:DXImageTransform.Microsoft.Iris(IrisStyle=circle,motion=out)";

garTransitions[16] = "progid:DXImageTransform.Microsoft.Iris(IrisStyle=circle,motion=in)";

garTransitions[17] = "progid:DXImageTransform.Microsoft.Iris(IrisStyle=cross,motion=out)";

garTransitions[18] = "progid:DXImageTransform.Microsoft.Iris(IrisStyle=cross,motion=in)";

garTransitions[19] = "progid:DXImageTransform.Microsoft.Iris(IrisStyle=SQUARE,motion=out)";

garTransitions[20] = "progid:DXImageTransform.Microsoft.Iris(IrisStyle=SQUARE,motion=in)";

garTransitions[21] = "progid:DXImageTransform.Microsoft.Iris(IrisStyle=PLUS,motion=out)";

garTransitions[22] = "progid:DXImageTransform.Microsoft.Iris(IrisStyle=PLUS,motion=in)";

garTransitions[23] = "progid:DXImageTransform.Microsoft.Barn(orientation=vertical motion=in)";

garTransitions[24] = "progid:DXImageTransform.Microsoft.Barn(orientation=vertical motion=out)";

garTransitions[25] = "progid:DXImageTransform.Microsoft.Barn(orientation=horizontal motion=in)";

garTransitions[26] = "progid:DXImageTransform.Microsoft.Barn(orientation=horizontal motion=out)";

garTransitions[27] = "progid:DXImageTransform.Microsoft.Blinds(bands=15,direction=down)";

garTransitions[28] = "progid:DXImageTransform.Microsoft.Blinds(bands=15,direction=up)";

garTransitions[29] = "progid:DXImageTransform.Microsoft.Blinds(bands=20,direction=right)";

garTransitions[30] = "progid:DXImageTransform.Microsoft.Blinds(bands=20,direction=left)";

garTransitions[31] = "progid:DXImageTransform.Microsoft.Blinds(bands=1,direction=up)";

garTransitions[32] = "progid:DXImageTransform.Microsoft.Blinds(bands=1,direction=down)";

garTransitions[33] = "progid:DXImageTransform.Microsoft.Blinds(bands=1,direction=left)";

garTransitions[34] = "progid:DXImageTransform.Microsoft.Blinds(bands=1,direction=right)";

garTransitions[35] = "progid:DXImageTransform.Microsoft.CheckerBoard(direction=left, squaresX=20, squaresY=20)";

garTransitions[36] = "progid:DXImageTransform.Microsoft.CheckerBoard(direction=right, squaresX=20, squaresY=20)";

garTransitions[37] = "progid:DXImageTransform.Microsoft.CheckerBoard(direction=up, squaresX=20, squaresY=20)";

garTransitions[38] = "progid:DXImageTransform.Microsoft.CheckerBoard(direction=down, squaresX=20, squaresY=20)";

garTransitions[39] = "progid:DXImageTransform.Microsoft.RandomDissolve(enable=true)";

garTransitions[40] = "progid:DXImageTransform.Microsoft.RandomBars(orientation=horizontal)";

garTransitions[41] = "progid:DXImageTransform.Microsoft.RandomBars(orientation=vertical)";

garTransitions[42] = "progid:DXImageTransform.Microsoft.Spiral(gridSizeX=20,gridSizeY=20)";

garTransitions[43] = "progid:DXImageTransform.Microsoft.Strips(motion=rightdown)";

garTransitions[44] = "progid:DXImageTransform.Microsoft.Strips(motion=leftdown)";

garTransitions[45] = "progid:DXImageTransform.Microsoft.Strips(motion=rightup)";

garTransitions[46] = "progid:DXImageTransform.Microsoft.Strips(motion=leftup)";

garTransitions[47] = "progid:DXImageTransform.Microsoft.Slide(bands=1,slideStyle=’push’)";

garTransitions[48] = "progid:DXImageTransform.Microsoft.Slide(bands=20,slideStyle=’push’)";

garTransitions[49] = "progid:DXImageTransform.Microsoft.Slide(bands=1,SlideStyle=swap)";

garTransitions[50] = "progid:DXImageTransform.Microsoft.Slide(bands=20,SlideStyle=swap)";

garTransitions[51] = "progid:DXImageTransform.Microsoft.Slide(bands=1,SlideStyle=hide)";

garTransitions[52] = "progid:DXImageTransform.Microsoft.Slide(bands=20,SlideStyle=hide)";

garTransitions[53] = "progid:DXImageTransform.Microsoft.Stretch(StretchStyle=SPIN)";

garTransitions[54] = "progid:DXImageTransform.Microsoft.Stretch(stretchstyle=push)";

garTransitions[55] = "progid:DXImageTransform.Microsoft.Stretch(stretchstyle=hide)";

garTransitions[56] = "progid:DXImageTransform.Microsoft.Pixelate(sProperties)";

var kirikaeGa=new Array()

for (kazu=0;kazukirikaeGa[kazu]=new Image()

kirikaeGa[kazu].src=Ga[kazu]}

function kirikae(){

if (window.createPopup)

rittai.style.filter = garTransitions[iTransNumber];

iTransNumber++;

if(iTransNumber==garTransitions.length)

iTransNumber=0;

if (window.createPopup)

rittai.filters[0].apply();

document.images.rittai.src=kirikaeGa[suu].src;

if (window.createPopup)

rittai.filters[0].play()

suu++

if (suu==kirikaeGa.length)

suu=0;

setTimeout("kirikae()",hayasa) 

}

setTimeout("kirikae()",hayasa)下载本文

显示全文
专题