本文由 资源共享网 – ziyuan 发布，转载请注明出处，如有问题请联系我们！impress.js及用法（图文动态展示插件）

用法：

1、引入impress.js:<script src="impress.js"></script>

2、写ID:<div id="impress"></div>

3、写class:<div id="impress"><div class="step">这里写内容1</div><div class="step">这里写内容2</div></div>

data-x 沿 x 轴定位元素（从左到右）

data-y 沿 y 轴定位元素（从上到下）

data-z 沿 z 轴定位元素（3D 效果，将元素移到另一个元素后面）

data-rotate- 旋转元素（如果不使用 data-z！）

data-rotate-x 沿 x 轴旋转元素

data-rotate-y 沿 y 轴旋转元素

data-rotate-z 沿 z 轴旋转元素

data-scale 缩放元素。

data-transition-duration 1000（毫秒） 步骤之间的转换速度。

data-width 1920（像素） 目标屏幕尺寸的宽度。当在更大或更小的屏幕上查看演示文稿时，impress.js 将自动缩放所有内容。

data-height 1080（像素） 目标屏幕尺寸的高度。

data-max-scale 3 最大比例因子。（请注意，默认值 1 不会增加较大屏幕上的内容大小！）

data-min-scale 0 最小比例因子。

data-perspective 1000 3D 渲染的透视图