Noratrieb/slides
1
0
Fork 0
mirror of https://github.com/Noratrieb/slides.git synced 2026-01-14 16:35:07 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

none/fade/slide transitions use flat transform style, prevents blurred content #1002

Browse source
This commit is contained in:
Hakim El Hattab 2016-08-01 09:15:34 +02:00
parent 304b0292be
commit bc4fc65da4
2 changed files with 34 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

12
css/reveal.scss
View file

@ -408,7 +408,7 @@ body {
padding: 20px 0px;
z-index: 10;
transform-style: preserve-3d;
transform-style: flat;
transition: transform-origin 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
transform 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
visibility 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
@ -539,6 +539,10 @@ body {
*********************************************/
@each $stylename in default, convex {
@include transition-global(#{$stylename}) {
transform-style: preserve-3d;
}
@include transition-horizontal-past(#{$stylename}) {
transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
}
@ -557,6 +561,10 @@ body {
* CONCAVE TRANSITION
*********************************************/
@include transition-global(concave) {
transform-style: preserve-3d;
}
@include transition-horizontal-past(concave) {
transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
}
@ -607,6 +615,7 @@ body {
min-height: 700px;
backface-visibility: hidden;
box-sizing: border-box;
transform-style: preserve-3d;
}
.reveal.center.cube .slides section {
min-height: 0;
@ -678,6 +687,7 @@ body {
padding: 30px;
min-height: 700px;
box-sizing: border-box;
transform-style: preserve-3d;
}
.reveal.page .slides section.past {
z-index: 12;