transition override examples in default contents
This commit is contained in:
parent
c3da106363
commit
4bc16ff5b6
15
index.html
15
index.html
|
@ -36,7 +36,6 @@
|
||||||
|
|
||||||
<!-- Any section element inside of this container is displayed as a slide -->
|
<!-- Any section element inside of this container is displayed as a slide -->
|
||||||
<div class="slides">
|
<div class="slides">
|
||||||
|
|
||||||
<section>
|
<section>
|
||||||
<h1>Reveal.js</h1>
|
<h1>Reveal.js</h1>
|
||||||
<h3>HTML Presentations Made Easy</h3>
|
<h3>HTML Presentations Made Easy</h3>
|
||||||
|
@ -223,6 +222,20 @@ Reveal.addEventListener( 'customevent', function() {
|
||||||
</section>
|
</section>
|
||||||
</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>
|
<section>
|
||||||
<h2>Clever Quotes</h2>
|
<h2>Clever Quotes</h2>
|
||||||
<p>
|
<p>
|
||||||
|
|
Loading…
Reference in New Issue
Block a user