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的值就可以了