data-form
用在page
元素上,表示当前页面过渡的动画类型。值为对应的类名,例如"fade"
, "flip"
等。
具体使用可参见项目test/transition/index.html
.
关于animte.css
过渡效果测试页面/test/transition/
中有个CSS文件,名为animate.css
,是个很重要的过场效果插件。不过之前位置过于隐蔽,很多人都没注意。在v2.3.0+版本之后,以mobilebone.animate.css
放在的src
目录中。目前包含动画类别有:
- fade
- pop
- slide(默认有)
- slidefade
- slidedown
- slideup
- flip(父级需要类名
viewport-flip
) - turn(父级需要类名
viewport-turn)
- flow
在页面引入mobilebone.animate.css
后,只要设置Mobilebone.classAnimation
后者data-form
为对应的动画关键字,如pop
. 页面见的过场效果就会使pop
效果,使用非常简单。