html5 zoom-in,页面打开效果除了slide-in-right，还有哪些？

对于页面打开aniShow的效果；最常用的就是slide-in-right；这个也是默认的。。

除了slide-in-right，还有哪些？

每次写打开页面都在想，自己又特别懒，一个都没记住，现在动手把别人说的总结一下：

切换页面的效果有：

1、 "auto": (String 类型 )自动选择动画效果

---- 自动选择动画效果，使用上次显示窗口设置的动画效果，如果是第一次显示则默认动画效果“none”。

2、 "none": (String 类型 )无动画效果

---- 立即显示页面，无任何动画效果，页面显示默认的动画效果。此效果忽略动画时间参数，立即显示。对应关闭动画"none"。

3、 "slide-in-right": (String 类型 )从右侧横向滑动效果

---- 页面从屏幕右侧外向内横向滑动显示。对应关闭动画"slide-out-right"。

4、 "slide-in-left": (String 类型 )从左侧横向滑动效果

---- 页面从屏幕左侧向右横向滑动显示。对应关闭动画"slide-out-left"。

5、 "slide-in-top": (String 类型 )从上侧竖向滑动效果

---- 页面从屏幕上侧向下竖向滑动显示。对应关闭动画"slide-out-top"。

6、"slide-in-bottom": (String 类型 )从下侧竖向滑动效果

---- 页面从屏幕下侧向上竖向滑动显示。对应关闭动画"slide-out-bottom"。

7、"fade-in": (String 类型 )从透明到不透明逐渐显示效果

---- 页面从完全透明到不透明逐渐显示。对应关闭动画"fade-out"。

8、"zoom-out": (String 类型 )从小到大逐渐放大显示效果

---- 页面在屏幕中间从小到大逐渐放大显示。对应关闭动画"zoom-in"。

9、 "zoom-fade-out": (String 类型 )从小到大逐渐放大并且从透明到不透明逐渐显示效果

---- 页面在屏幕中间从小到大逐渐放大并且从透明到不透明逐渐显示。对应关闭动画"zoom-fade-in"。

10、 "pop-in": (String 类型 )从右侧平移入栈动画效果

---- 页面从屏幕右侧滑入显示，同时上一个页面带阴影效果从屏幕左侧滑出隐藏。对应关闭动画"pop-out"。

详情来自：http://www.dcloud.io/docs/api/zh_cn/webview.html

html5 zoom-in,页面打开效果除了slide-in-right，还有哪些？相关推荐

html5 鼠标滑动页面动画效果,鼠标滑动到当前页面触发动画效果
近年来,关于鼠标滑动到当前页面从而触发动画效果十分的火热,今天我们就来学习下这一效果. 一.首先,我们先来了解一下这一效果实现的原理 1.一个网页离不开基本的布局,所以首先就是要先用html将所需要的 ...
html对话框跳转页面,html5各种页面切换效果和模态对话框用法总结
这篇文章主要为大家介绍了html5各种页面切换效果和模态对话框用法总结,较为详细的介绍了HTML5的各种页面元素的使用技巧,非常具有实用价值,需要的朋友可以参考下本文详细总结了html5各种页面切换 ...
html5各种页面切换效果和模态对话框
页面动画: data-transition 属性可以定义页面切换是的动画效果. 例如:<a href="index.html" data-transition="p ...
html5页面转场,基于HTML5 SVG的页面过渡切换效果
示例中使用了CSS Flexbox和CSS变量,不是所有的浏览器都支持这些新的CSS属性. 该HTML5 SVG的页面过渡变形切换效果的基本HTML结构如下: d="M -44,-50 C ...
html 页面下雪效果,HTML5超逼真下雪场景效果
简要教程这是一款基于jquery的超逼真下雪场景特效.该特效使用jquery代码来动态插件html5 canvas元素,然后在canvas中制作下雪特效. 使用方法在页面中引入ThreeCanva ...
mui打开新的html页面跳转,HTML5教程 mui页面跳转
本篇教程探讨了HTML5教程 mui页面跳转,希望阅读本篇文章以后大家有所收获,帮助大家HTML5+CSS3从入门到精通 . < 1 2 mui.init(); 3 ...
前端HTML5+CSS3静态页面开发-博文尚美
前端html5+css3静态页面开发-博文尚美项目介绍博文尚美是一个设计网站, 此项目由html + css 布局完成页面,对前端基础知识的入门及掌握有非常好的提升效果,对html和css的使用及 ...
jquery mobile页面切换效果(Flip toggle switch)(注：jQuery移动使用的数据属性的列表。 )...
1.页面切换(data-transition) 地址:http://api.jquerymobile.com/data-attribute/ data-transition fade | f ...
bootstrap在iframe框架中实现由子页面在顶级页面打开模态框（modal）
我需要完成的效果: 1.在顶级页面打开模态框,并且遮罩层也要再顶级页面 2.单击遮罩层部分,模态框不关闭问题描述: 不知为什么,可能是bootstrap前端框架添加遮罩层的一些问题.通过子页面在顶级 ...

html5 zoom-in,页面打开效果除了slide-in-right，还有哪些？

html5 zoom-in,页面打开效果除了slide-in-right，还有哪些？相关推荐

最新文章

热门文章