background: rgba(255, 255, 255, 0.4);
}
-.reveal code {
- background: rgba(255, 255, 255, 0.6);
-}
-
.reveal p {
margin-bottom: 20px;
}
<section>
<h2>Transition Styles</h2>
<p>
- You can select from different transitions, like:
+ You can select from different transitions, like: <br>
+ <a href="http://lab.hakim.se/reveal-js/?transition=cube">Cube</a> -
+ <a href="http://lab.hakim.se/reveal-js/?transition=page">Page</a> -
+ <a href="http://lab.hakim.se/reveal-js/?transition=concave">Concave</a> -
+ <a href="http://lab.hakim.se/reveal-js/?transition=linear">Linear</a>
</p>
- <ul>
- <li><a href="http://lab.hakim.se/reveal-js/?transition=cube">Cube</a></li>
- <li><a href="http://lab.hakim.se/reveal-js/?transition=page">Page</a></li>
- <li><a href="http://lab.hakim.se/reveal-js/?transition=concave">Concave</a></li>
- <li><a href="http://lab.hakim.se/reveal-js/?transition=linear">Linear</a></li>
- </ul>
</section>
<section>
<h2>Themes</h2>
<p>
Reveal.js comes with a few themes built in: <br>
- <a href="http://lab.hakim.se/reveal-js/?theme=sky">Sky</a> |
- <a href="http://lab.hakim.se/reveal-js/?theme=beige">Beige</a> |
- <a href="http://lab.hakim.se/reveal-js/?theme=simple">Simple</a> |
+ <a href="http://lab.hakim.se/reveal-js/?theme=sky">Sky</a> -
+ <a href="http://lab.hakim.se/reveal-js/?theme=beige">Beige</a> -
+ <a href="http://lab.hakim.se/reveal-js/?theme=simple">Simple</a> -
<a href="http://lab.hakim.se/reveal-js/">Default</a>
</p>
<p>