diff options
| author | Hakim El Hattab <hakim.elhattab@gmail.com> | 2014-11-05 12:27:57 +0100 |
|---|---|---|
| committer | Hakim El Hattab <hakim.elhattab@gmail.com> | 2014-11-05 12:27:57 +0100 |
| commit | 1aaec8574481e870e12e48611400291501fc2157 (patch) | |
| tree | 2a8fa37a9eb02515b3de30f39cff2167fb6abab0 | |
| parent | 1f0627eb3fe0d5494b9de2fd7ff911f23bf45d98 (diff) | |
| download | fosdem-2018-presentation-1aaec8574481e870e12e48611400291501fc2157.tar fosdem-2018-presentation-1aaec8574481e870e12e48611400291501fc2157.tar.gz | |
update background color/image example slides
| -rw-r--r-- | index.html | 12 |
1 files changed, 6 insertions, 6 deletions
@@ -238,25 +238,25 @@ Reveal.addEventListener( 'customevent', function() { <img width="178" height="238" data-src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Down arrow"> </a> </section> - <section data-background="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png"> + <section data-background="https://s3.amazonaws.com/hakim-static/reveal-js/image-placeholder.png"> <h2>Image Backgrounds</h2> <pre><code><section data-background="image.png"></code></pre> </section> - <section data-background="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" data-background-repeat="repeat" data-background-size="100px"> + <section data-background="https://s3.amazonaws.com/hakim-static/reveal-js/image-placeholder.png" data-background-repeat="repeat" data-background-size="100px"> <h2>Repeated Image Backgrounds</h2> <pre><code style="word-wrap: break-word;"><section data-background="image.png" data-background-repeat="repeat" data-background-size="100px"></code></pre> </section> </section> - <section data-transition="slide" data-background="#4d7e65" data-background-transition="slide"> + <section data-transition="slide" data-background="#4d7e65" data-background-transition="zoom"> <h2>Background Transitions</h2> <p> - Pass reveal.js the <code>backgroundTransition: 'slide'</code> config argument to make backgrounds slide rather than fade. + Different background transitions are available via the <code>backgroundTransition</code> option. This one's called "zoom". </p> </section> - <section data-transition="slide" data-background="#8c4738" data-background-transition="slide"> - <h2>Background Transition Override</h2> + <section data-transition="slide" data-background="#8c4738" data-background-transition="zoom"> + <h2>Background Transitions</h2> <p> You can override background transitions per slide by using <code>data-background-transition="slide"</code>. </p> |