diff options
| -rw-r--r-- | css/reveal.css | 32 | ||||
| -rw-r--r-- | index.html | 6 | ||||
| -rw-r--r-- | plugin/zoom-js/zoom.js | 7 |
3 files changed, 42 insertions, 3 deletions
diff --git a/css/reveal.css b/css/reveal.css index 6e2361b..ad2e33e 100644 --- a/css/reveal.css +++ b/css/reveal.css @@ -1150,3 +1150,35 @@ body { } +/********************************************* + * ZOOM PLUGIN + *********************************************/ + +.zoomed .reveal *, +.zoomed .reveal *:before, +.zoomed .reveal *:after { + -webkit-transform: initial !important; + -moz-transform: initial !important; + -ms-transform: initial !important; + transform: initial !important; + + -webkit-backface-visibility: initial !important; + -moz-backface-visibility: initial !important; + -ms-backface-visibility: initial !important; + backface-visibility: initial !important; +} + +.zoomed .reveal .progress, +.zoomed .reveal .controls { + opacity: 0; +} + +.zoomed .reveal .roll span { + background: none; +} + +.zoomed .reveal .roll span:after { + visibility: hidden; +} + + @@ -38,6 +38,9 @@ <section> <h1>Reveal.js</h1> <h3>HTML Presentations Made Easy</h3> + <p> + <small>Created by <a href="http://hakim.se">Hakim El Hattab</a> / <a href="http://twitter.com/hakimel">@hakimel</a></small> + </p> </section> <section> @@ -46,9 +49,6 @@ reveal.js is a framework for easily creating beautiful presentations using HTML. You'll need a browser with support for CSS 3D transforms to see it in its full glory. </p> - <p> - <i><small>- <a href="http://hakim.se">Hakim El Hattab</a> / <a href="http://twitter.com/hakimel">@hakimel</a></small></i> - </p> <aside class="notes"> Oh hey, these are some notes. They'll be hidden in your presentation, but you can see them if you open the speaker notes window (hit 's' on your keyboard). diff --git a/plugin/zoom-js/zoom.js b/plugin/zoom-js/zoom.js index 0ca3875..6b29f56 100644 --- a/plugin/zoom-js/zoom.js +++ b/plugin/zoom-js/zoom.js @@ -111,6 +111,13 @@ var zoom = (function(){ } level = scale; + + if( level !== 1 && document.documentElement.classList ) { + document.documentElement.classList.add( 'zoomed' ); + } + else { + document.documentElement.classList.remove( 'zoomed' ); + } } /** |