transition override examples in default contents
This commit is contained in:
parent
c3da106363
commit
4bc16ff5b6
1 changed files with 14 additions and 1 deletions
15
index.html
15
index.html
|
@ -36,7 +36,6 @@
|
|||
|
||||
<!-- Any section element inside of this container is displayed as a slide -->
|
||||
<div class="slides">
|
||||
|
||||
<section>
|
||||
<h1>Reveal.js</h1>
|
||||
<h3>HTML Presentations Made Easy</h3>
|
||||
|
@ -223,6 +222,20 @@ Reveal.addEventListener( 'customevent', function() {
|
|||
</section>
|
||||
</section>
|
||||
|
||||
<section data-transition="linear" data-background="#4d7e65" data-background-transition="slide">
|
||||
<h2>Background Transitions</h2>
|
||||
<p>
|
||||
Pass reveal.js the <code>backgroundTransition: 'slide'</code> config argument to make backgrounds slide rather than fade.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section data-transition="linear" data-background="#8c4738" data-background-transition="slide">
|
||||
<h2>Background Transition Override</h2>
|
||||
<p>
|
||||
You can override background transitions per slide by using <code>data-background-transition="slide"</code>.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>Clever Quotes</h2>
|
||||
<p>
|
||||
|
|
Loading…
Reference in a new issue