reveal.js – The HTML Presentation Framework

发布时间: 更新时间: 总字数:851 阅读时间:4m 作者: 分享


# Reveal.js
### The HTML Presentation Framework

<small>Created by [Hakim El Hattab](http://hakim.se) and [contributors](https://github.com/hakimel/reveal.js/graphs/contributors)</small>


## Hello There

reveal.js enables you to create beautiful interactive slide decks using HTML. This presentation will show you examples of what it can do.




## Vertical Slides

  Slides can be nested inside of each other.

  Use the `Space` key to navigate through all slides.

  <a href="#" class="navigate-down">
    ![Down arrow](https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png)
  </a>
</section>


## Basement Level 1

  Nested slides are useful for adding additional detail underneath a high level horizontal slide.
</section>


## Basement Level 2

  That's it, time to go back up.

  <a href="#" class="navigate-down">
    ![Down arrow](https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png)
  </a>

  <a href="#/2">
    <img width="178" height="238" data-src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Up arrow" style="transform: rotate(180deg); -webkit-transform: rotate(180deg);">
  </a>
</section>


## Slides

Not a coder? Not a problem. There's a fully-featured visual editor for authoring these, try it out at [https://slides.com](https://slides.com).


## Point of View

Press <strong>ESC</strong> to enter the slide overview.

Hold down alt and click on any element to zoom in on it using <a href="http://lab.hakim.se/zoom-js">zoom.js</a>. Alt + click anywhere to zoom back out.


## Touch Optimized

Presentations look great on touch devices, like mobile phones and tablets. Simply swipe through your slides.


Home Archives Categories Tags Docs