分享你我的心得.
共乘一片美好网络.

网页渐变切换效果

在网页代码的<head>和</head>中间加如下代码

<META http-equiv=Page-Enter content=blendTrans(Duration=0.8)>

page-enter:进入页面出现渐变
page-exit:退出页面出现渐变
site-enter:进入网站首页出现渐变
blendTrans:渐变模糊滤镜
Duration=0.8渐变时间(单位:秒)

另一种动态滤镜RevealTrans也可以用于页面进入与退出效果:  
      <Meta http-equiv="Page-Enter" Content="revealTrans(duration=x, transition=y)">
      <Meta http-equiv="Page-Exit" Content="revealTrans(duration=x, transition=y)">

       Duration  表示滤镜特效的持续时间(单位:秒)
       Transition 滤镜类型。表示使用哪种特效,取值为0-23。

       0 矩形缩小
       1 矩形扩大
       2 圆形缩小
       3 圆形扩大
       4 下到上刷新
       5 上到下刷新
       6 左到右刷新
       7 右到左刷新
       8 竖百叶窗
       9 横百叶窗
       10 错位横百叶窗
       11 错位竖百叶窗
       12 点扩散
       13 左右到中间刷新
       14 中间到左右刷新
       15 中间到上下
       16 上下到中间
       17 右下到左上
       18 右上到左下
       19 左上到右下
       20 左下到右上
       21 横条
       22 竖条
       23 以上22种随机选择一种 

 

赞(0)
未经允许不得转载:小叶白龙博客 » 网页渐变切换效果
分享到: 更多 (0)

评论 129

评论前必须登录!