impress.js:不仅仅是PPT

推荐指数:★★★★★
使用难度:★
适用范围:PPT,个人简介,项目简介以及各种需要展示的场景
GitHub数据:



看看这个恐怖的star数字大家应该就知道这东西有多叼了,要知道linux的star也就1.2万。。。打开Demo的一瞬间我就被震惊了,特效和内容的结合恰到好处,整体风格简直就是高大上!

一句话讲解原理:整个网页是一张画布,将想要展示的每一页都放在这张画布上的不同位置,运行的时候监控键盘操作,使用CSS3来实现切换。

效果截图:



缺点:

1、只支持“modern browsers”,也就是说不支持内核为IE<=8的浏览器。不过虽然特效不支持,作者还是很人道的将每一幕从上到下排列,勉强可以当PPT来用。

2、手机端也同样不支持,处理方式同样是简单的将每一幕列出,

一段代码教程:



这个就是Demo中的第一幕,红色的地方是这一幕在画布上的坐标,每一幕都有自己的坐标,impress.js会自动为你生成两幕之间的切换动画。绿色的地方就是你想要在这一幕中显示的东西,可以是文字、图片、视频。。。总之你想放什么就放什么。

很简单吧,还等什么?赶快制作你的专属PPT吧!

大家有觉得不错的库一定要推荐给我哦~共同进步嘛!

==========================================================

impress.js地址

Demo地址

==========================================================

欢迎扫描二维码关注我的微信号“GitHub不完全装B指南”,谢谢~

你可能感兴趣的:(impress.js:不仅仅是PPT)