用reveal.js做幻灯片

如果你想你的在线分享给人留下深刻的印象,可以考虑用reveal.js。reveal.js是一个制作3D幻灯片效果的插件,它同时应用最新的web技术,来创建漂亮的html演示效果。 reveal.js不依赖其他任何javascript库,是一个独立的javascript插件库。
当然,它应用了最新web新技术,所以需要浏览器对CSS 3D变形的支持,这就意味着在IE下看不到漂亮的动画效果。在safari、chrome、firefox下效果都很好。不过如果浏览器不支持CSS 3D,那么会以2D效果呈现。

  • 点此查看demo

特征:

  • 导航控制
  • 支持键盘导航
  • 带进度条
  • 内置代码语法高亮(highlight.js)
  • 支持幻灯片预览
  • 多层次、嵌套式幻灯片
  • 独特的网址书签和内部链接
  • 各种主题和各种变形效果(立方体、翻页、陷下……)
  • 支持触屏设备

截图:




文章翻译自 Use Reveal.js to Create CSS 3D Slideshow

你可能感兴趣的:(css3,javascript)