HTML幻灯片展示框架:Reveal.js

jopen 10年前

Reveal.js是一个制作3D幻灯片效果的插件,它同时应用最新的web技术,来创建漂亮的html演示效果。reveal.js不依赖其他任何javascript库。

Reveal.js也充分利用了现代浏览器的CSS 3D变换,以深入挖掘浏览器的Canvas功能。和传统的幻灯片软件不同,reveal.js允许演讲者将他们的幻灯片在z轴空间上扩展,使得传统的的2D讲稿具有了3D变换的特效。

因为需要浏览器对CSS 3D变形的支持,这就意味着在IE下看不到漂亮的动画效果。在safari、chrome、firefox下效果都很好。不过如果浏览器不支持CSS 3D,那么会以2D效果呈现。

 

特征:

  • 导航控制,集成remotes.io插件,能够使用智能手机或平板电脑控制幻灯片。
  • 支持键盘导航
  • 带进度条
  • 内置代码语法高亮(highlight.js)
  • 支持幻灯片预览
  • 多层次、嵌套式幻灯片
  • 独特的网址书签和内部链接
  • 各种主题和各种变形效果(立方体、翻页、陷下……)
  • 支持触屏设备
  • 使用了一个特别的打印样式表PhantomJS,可以在Google Chrome上将你的3D幻灯片直接输出为PDF格式
  • 使用Travis持续集成方案托管Reveal.js源代码
  • 支持markdown文件
  • 支持注释

为了快速地导出或发布reveal.js幻灯片,开发者可以使用rvl.io(一个带有简单用户界面的免费的幻灯片编辑工具)。

 

项目主页:http://www.open-open.com/lib/view/home/1389248873383