campiaperti/infra
1
0
Fork 1
Code Issues Pull requests 1 Releases Wiki Activity

zoom transition now uses zooming for vertical transitions, too

Browse source
This commit is contained in:
Hakim El Hattab 2019-02-01 11:09:03 +01:00
parent 7867b77833
commit 2d57981261
2 changed files with 9 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
css/reveal.css
View file

@ -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

5
css/reveal.scss
View file

@ -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);
}