网页切换时常用的动态滤镜过渡效果-HTMer

网页切换时常用的动态滤镜过渡效果

最近，帮朋友做了一个触摸屏系统，我用网页来做的这个系统，为了给这个系统加点页面效果，我在其中使用了网页切换时常用的动态滤镜过渡效果，下面介绍一下我是怎么实现的。

在网页代码的<head>和</head>中间加如下代码即可实现：

Duration=4表示网页过渡效果的延续时间为4秒，Transition表示过渡效果方式，值为2表示圆形收缩，各种效果数字代码如下：

盒状收缩       0
盒状展开       1
圆形收缩       2
圆形展开       3
向上擦除       4
向下擦除       5
向左擦除       6
向右擦除       7
垂直百页窗   8
水平百页窗   9
横向棋盘式   10
纵向棋盘式   11
溶解       12
左右向中部收缩       13
中部向左右展开       14
上下向中部收缩       15
中部向上下展开       16
阶梯状向左下展开   17
阶梯状向左上展开   18
阶梯状向右下展开   19
阶梯状向右上展开   20
随机水平线       21
随机垂直线       22
随机       23

欢迎转载，转载请注明：转载自HTMer [ http://www.htmer.com/ ]

本文链接地址：http://www.htmer.com/article/85.htm