码迷,mamicode.com
首页 > Web开发 > 详细

impress.js webslide 参数

时间:2016-01-09 16:47:35      阅读:186      评论:0      收藏:0      [点我收藏+]

标签:

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相同


impress.js webslide 参数

标签:

原文地址:http://www.cnblogs.com/jiujiduilie/p/5116590.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!