diff options
| author | Hakim El Hattab <hakim.elhattab@gmail.com> | 2013-06-18 08:53:15 -0400 |
|---|---|---|
| committer | Hakim El Hattab <hakim.elhattab@gmail.com> | 2013-06-18 08:53:15 -0400 |
| commit | 4bc16ff5b6ca220471903045c91f12995db7d988 (patch) | |
| tree | 0c8d5f5b54c24ef5b981b1b69c4616db67b17e3c /index.html | |
| parent | c3da10636398043449dd29dc7a3a6f954ebba342 (diff) | |
| download | freenode-live-2017-presentation-4bc16ff5b6ca220471903045c91f12995db7d988.tar freenode-live-2017-presentation-4bc16ff5b6ca220471903045c91f12995db7d988.tar.gz | |
transition override examples in default contents
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 15 |
1 files changed, 14 insertions, 1 deletions
@@ -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> |