CSS中动态滤镜的使用

动态滤镜的使用方法如下:
style="RevealTrans(duration=1 ,transition=23)"
说明:RevealTrans需要传递2个参数进去 duration和transition
其中duration代表的时候切换的时间,单位为秒
transition代表    切换的方式


css的动态滤镜可以产生24种的动态效果,序列号从0-23
矩形从大至小       0               随机溶解             12
矩形从小至大       1               从上下向中间展开       13
圆形从大至小       2               从中间向上下展开       14
圆形从小至大       3              从两边向中间展开       15
向上推开           4                从中间向两边展开       16
向下推开           5             从右上向左下展开       17
向右推开           6             从右下向左上展开       18
向左推开           7             从左上向右下展开       19
垂直形百叶窗       8             从左下向右上展开       20
水平形百叶窗       9               随机水平细纹         21
水平棋盘           10              随机垂直细纹         22
垂直棋盘           11             随机选取一种特效      23 

如果想得到不同的效果只要改变Trasition的值就可以了