1。了解impress.js

impress.js采用表示层框架（演示工具），供开发人员使用CSS3和Javaｓｃｒｉｐｔ语言。

现在一般的开发人员可以使用自己开发的impress.js演示工具，也有类似的效果，但比基于闪存的Prezi。其功能包括无限旋转画布的缩放、任意角度任意大小的文本，CSS3 3D效果支持等。同时，它也支持的传统形式的魔术演示PowerPoint。

目前，impress.js基于WebKit浏览器开发（Chrome和Safari），而非基于WebKit引擎的其他浏览器，但支持CSS3的3D可以同时运行正常。

2。使用impress.js



介绍impress.js：

复制代码代码如下所示：







现在你可以看到它是多么容易创建一新的幻灯片，每张幻灯片是一个元素（内包装）的类的名称是called'step。

复制代码代码如下所示：



我的第一张幻灯片







虽然要创建一个简单的幻灯片，但是要开始将数据属性添加到幻灯片中是很有意思的。数据属性表明它不是幻灯片的属性，当它是活动幻灯片时，您可以使用以下数据属性：

data-x = x坐标的幻灯片



幻灯片的data-y = y坐标



数据刻度=通过指定一个值来缩放，数据规模5将放大5倍原始大小的幻灯片。



数据旋转=通过数字度来确定幻灯片的旋转。



data-rotate-x = 3D，数度是多少应该相对X轴旋转。（前/后）



data-rotate-y = 3D，数度是多少应该相对于Y轴转动。（左摆右摆 /）



data-rotate-z = 3D，数度是多少应该相对于Z轴旋转。



实例目录：




以上内容是我impress.js初步的了解，这可能是这一认识肤浅，然后点编辑将继续深入研究。