标签:
data-transition-duration="2000" 改变切换场景的速度,默认1000
data-perspective="500" 改变透视的深度,默认1000,设为0则失去美丽的3D效果
1、div的id属性,仅仅用来表示场景的URL,非必须,即使没有定义它,也可以使用step-n来找到这一幕。
如index.html#/step-2
2、每个场景都会自动具有‘future‘/‘present‘/‘past‘中一个类,
当前播放的step元素具有present类属性。
当场景完毕,present类属性被移除,写上一个past类属性。
基础的css transition动画,在present场景中才会播放。
定位
data-x,左右距离
data-y,上下距离
data-z=“-3000”,远近距离,意味这个场景离我们有3000px那么远,负值效果通常更好些
缩放
data-scale="4",缩放,变为4倍
旋转
data-rotate="90",旋转,顺时针90度
data-rotate-x,前后摆动
data-rotate-y,左右摆动
data-rotate-z,旋转,与data-rotate相同
标签:
原文地址:http://www.cnblogs.com/jiujiduilie/p/5116590.html