impress.js webslide 参数

时间:2023-03-08 15:47:01
data-transition-duration="2000" 改变切换场景的速度,默认1000data-perspective="500" 改变透视的深度,默认1000,设为0则失去美丽的3D效果

1、div的id属性,仅仅用来表示场景的URL,非必须,即使没有定义它,也可以使用step-n来找到这一幕。如index.html#/step-22、每个场景都会自动具有'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相同