diff options
| author | Hakim El Hattab <hakim.elhattab@gmail.com> | 2013-07-26 09:33:25 -0400 |
|---|---|---|
| committer | Hakim El Hattab <hakim.elhattab@gmail.com> | 2013-07-26 09:33:25 -0400 |
| commit | 8bf19ab61f8eb0e527348110f3923a33ea937eaa (patch) | |
| tree | e5449b7609d77cc90e9430e877b5f8f88cdf7b6f /css/reveal.css | |
| parent | 4c491e5eccd8533f45c4d3d18a04ac545babe351 (diff) | |
| download | perl-software-in-gnu-guix-8bf19ab61f8eb0e527348110f3923a33ea937eaa.tar perl-software-in-gnu-guix-8bf19ab61f8eb0e527348110f3923a33ea937eaa.tar.gz | |
restore rolling links.. but default to off #532
Diffstat (limited to 'css/reveal.css')
| -rw-r--r-- | css/reveal.css | 84 |
1 files changed, 84 insertions, 0 deletions
diff --git a/css/reveal.css b/css/reveal.css index 0037a26..791d768 100644 --- a/css/reveal.css +++ b/css/reveal.css @@ -1495,6 +1495,90 @@ body { /********************************************* + * ROLLING LINKS + *********************************************/ + +.reveal .roll { + display: inline-block; + line-height: 1.2; + overflow: hidden; + + vertical-align: top; + + -webkit-perspective: 400px; + -moz-perspective: 400px; + -ms-perspective: 400px; + perspective: 400px; + + -webkit-perspective-origin: 50% 50%; + -moz-perspective-origin: 50% 50%; + -ms-perspective-origin: 50% 50%; + perspective-origin: 50% 50%; +} + .reveal .roll:hover { + background: none; + text-shadow: none; + } +.reveal .roll span { + display: block; + position: relative; + padding: 0 2px; + + pointer-events: none; + + -webkit-transition: all 400ms ease; + -moz-transition: all 400ms ease; + -ms-transition: all 400ms ease; + transition: all 400ms ease; + + -webkit-transform-origin: 50% 0%; + -moz-transform-origin: 50% 0%; + -ms-transform-origin: 50% 0%; + transform-origin: 50% 0%; + + -webkit-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + -ms-transform-style: preserve-3d; + transform-style: preserve-3d; + + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; +} + .reveal .roll:hover span { + background: rgba(0,0,0,0.5); + + -webkit-transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg ); + -moz-transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg ); + -ms-transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg ); + transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg ); + } +.reveal .roll span:after { + content: attr(data-title); + + display: block; + position: absolute; + left: 0; + top: 0; + padding: 0 2px; + + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; + + -webkit-transform-origin: 50% 0%; + -moz-transform-origin: 50% 0%; + -ms-transform-origin: 50% 0%; + transform-origin: 50% 0%; + + -webkit-transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg ); + -moz-transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg ); + -ms-transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg ); + transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg ); +} + + +/********************************************* * SPEAKER NOTES *********************************************/ |