From 2d57981261056d47ef1c24fa82c6ad10c03e37ca Mon Sep 17 00:00:00 2001 From: Hakim El Hattab Date: Fri, 1 Feb 2019 11:09:03 +0100 Subject: zoom transition now uses zooming for vertical transitions, too --- css/reveal.css | 11 ++++++----- css/reveal.scss | 5 +++-- 2 files changed, 9 insertions(+), 7 deletions(-) diff --git a/css/reveal.css b/css/reveal.css index 63ba646..51820c7 100644 --- a/css/reveal.css +++ b/css/reveal.css @@ -524,7 +524,8 @@ body { .reveal .slides > section.stack { padding-top: 0; padding-bottom: 0; - pointer-events: none; } + pointer-events: none; + height: 100%; } .reveal .slides > section.present, .reveal .slides > section > section.present { @@ -741,14 +742,14 @@ body { .reveal .slides > section > section[data-transition=zoom].past, .reveal .slides > section > section[data-transition~=zoom-out].past, .reveal.zoom .slides > section > section:not([data-transition]).past { - -webkit-transform: translate(0, -150%); - transform: translate(0, -150%); } + -webkit-transform: scale(16); + transform: scale(16); } .reveal .slides > section > section[data-transition=zoom].future, .reveal .slides > section > section[data-transition~=zoom-in].future, .reveal.zoom .slides > section > section:not([data-transition]).future { - -webkit-transform: translate(0, 150%); - transform: translate(0, 150%); } + -webkit-transform: scale(0.2); + transform: scale(0.2); } /********************************************* * CUBE TRANSITION diff --git a/css/reveal.scss b/css/reveal.scss index ad6d1f5..8c14529 100644 --- a/css/reveal.scss +++ b/css/reveal.scss @@ -627,6 +627,7 @@ $controlsArrowAngleActive: 36deg; padding-top: 0; padding-bottom: 0; pointer-events: none; + height: 100%; } .reveal .slides>section.present, @@ -801,10 +802,10 @@ $controlsArrowAngleActive: 36deg; transform: scale(0.2); } @include transition-vertical-past(zoom) { - transform: translate(0, -150%); + transform: scale(16); } @include transition-vertical-future(zoom) { - transform: translate(0, 150%); + transform: scale(0.2); } -- cgit v1.2.3