REVEAL.JS–基于CSS3實現的幻燈片工具

這是一個基于CSS的3D幻燈片工具。它不依賴任何外部類庫，除了已經被包含在發布代碼中的 highlight.js。Reveal.JS是Hakim El Hattab開發的一個演示文稿制作工具，能夠制作絢麗的演示文稿并生成HTML格式，將它發布到web上。

它使用了CSS3變換功能和JavaScript，這個工具大受web開發者的青睞。支持 Fade、Slide、Convex、Concave、Zoom 等多種效果。

基本用法：

// HTML
<div class="reveal">
  <div class="slides">
    <section>Single Horizontal Slide</section>
    <section>
      <section>Vertical Slide 1</section>
      <section>Vertical Slide 2</section>
    </section>
  </div>
</div>
// JS
Reveal.initialize({
  dependencies: [
    { src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
    { src: 'plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
    { src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
    { src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
    { src: 'plugin/zoom-js/zoom.js', async: true },
    { src: 'plugin/notes/notes.js', async: true },
    { src: 'plugin/math/math.js', async: true }
  ]
});

官網 |   Github