diff options
| author | Hakim El Hattab <hakim.elhattab@gmail.com> | 2014-04-06 11:04:58 +0200 |
|---|---|---|
| committer | Hakim El Hattab <hakim.elhattab@gmail.com> | 2014-04-06 11:04:58 +0200 |
| commit | a3d4afeeed1aec725a42cb404e62f89739c8faa3 (patch) | |
| tree | a3c39d1e8745d95b889d3a414888922e0c2ede6b /index.html | |
| parent | c87d7db93064bac472e1cc80bee28c4dcc92565b (diff) | |
| download | freenode-live-2017-presentation-a3d4afeeed1aec725a42cb404e62f89739c8faa3.tar freenode-live-2017-presentation-a3d4afeeed1aec725a42cb404e62f89739c8faa3.tar.gz | |
better transition names, fix background images in vertical slides
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 18 |
1 files changed, 8 insertions, 10 deletions
@@ -188,14 +188,12 @@ <h2>Transition Styles</h2> <p> You can select from different transitions, like: <br> - <a href="?transition=cube#/transitions">Cube</a> - - <a href="?transition=page#/transitions">Page</a> - - <a href="?transition=concave#/transitions">Concave</a> - - <a href="?transition=zoom#/transitions">Zoom</a> - - <a href="?transition=linear#/transitions">Linear</a> - - <a href="?transition=fade#/transitions">Fade</a> - + <a href="?#/transitions">Default</a> - <a href="?transition=none#/transitions">None</a> - - <a href="?#/transitions">Default</a> + <a href="?transition=fade#/transitions">Fade</a> - + <a href="?transition=slide#/transitions">Slide</a> - + <a href="?transition=concave#/transitions">Concave</a> - + <a href="?transition=zoom#/transitions">Zoom</a> </p> </section> @@ -260,14 +258,14 @@ Reveal.addEventListener( 'customevent', function() { </section> </section> - <section data-transition="linear" data-background="#4d7e65" data-background-transition="slide"> + <section data-transition="slide" 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"> + <section data-transition="slide" 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>. @@ -401,7 +399,7 @@ function linkify( selector ) { center: true, theme: Reveal.getQueryHash().theme, // available themes are in /css/theme - transition: Reveal.getQueryHash().transition || 'default', // default/cube/page/concave/zoom/linear/fade/none + transition: Reveal.getQueryHash().transition || 'default', // none/fade/slide/convex/concave/zoom // Parallax scrolling // parallaxBackgroundImage: 'https://s3.amazonaws.com/hakim-static/reveal-js/reveal-parallax-1.jpg', |