html5怎么设置网页过渡效果_随笔

在web设计中使用js可以实现很多的页面特效，然而很多人却忽视了HTML标签中META标签的强大功效，其实meta标签也可以实现很多漂亮的页面过渡效果。

META标签是HTML语言HEAD区的一个辅助性标签，Meta 标签放在每个网页的<head>...</head>

中间，我们大家比较熟悉的如：

3.0">//说明编辑工具；

它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题，或者是定义用户浏览器上的cookie；它可以用于鉴别作者，设定页面格式，标注内容提要和关键字；还可以设置页面使其可以

根据你定义的时间间隔刷新自己,以及设置RASC内容等级，等等

用法：

blendTrans是css动态滤镜的一种，产生渐隐效果。另一种动态滤镜RevealTrans也可以用于页面进入与退出效果:

动态滤镜可以为页面添加动人的淡入淡出、图象转化效果，它可以分为两种blend（混合）和reveal（显示），

前者可以使对象渐渐消失或出现，后者提供了24种图象转化的效果......

<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。

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<style>标签中，输入css代码：

button{width:100pxheight:50pxborder:0color:whitebackground:-webkit-radial-gradient(#72787f,#545c64)}

3、浏览器运行index.html页面，此时用CSS实现了按钮中间白、四周黑，上方白、下方灰的效果。

欢迎分享，转载请注明来源：内存溢出

html5怎么设置网页过渡效果