Your browser doesn't support the features required by impress.js, so you are presented with a simplified version of this presentation.

For the best experience please use the latest Chrome, Safari or Firefox browser.

(data-x, data-y)
指代元素在整个画面中的位置

id默认为#step-N, 比如说此页默认为step-2, 则可使用http://xxx/index.html#/step-2或者http://xxx/index.html#step-2来访问此页

你是否想在你的演讲中通过牛逼的视觉体验来让听众印象深刻？

then you should try

impress.js^*

^* data-scale指代页面大小(倍数)

属性data-rotate="90"指代顺时针旋转90度
It's a presentation tool
inspired by the idea behind prezi.com
and based on the power of CSS3 transforms and transitions in modern browsers.

visualize your big thoughts

data-z属性指代第3维度(远近)

每一个页面的text内容均具备一个属性用以表示当前文字状态(.future, .present[active], .past)

.positioning, .rotating, .scaling

唯一的局限就是你的 想象力

want to know more?

use the source, Luke!

one more thing...

have you noticed it's in 3D^*?

* beat that, prezi ;)

impress.js*

impress.js^*