prevent invisible fragments from capturing mouse events #845

edit
Hakim El Hattab 2014-03-25 14:09:14 +01:00
parent 6936c5029e
commit 7529f7eeb8
2 changed files with 12 additions and 9 deletions

View File

@ -96,6 +96,7 @@ body {
.reveal .slides section .fragment { .reveal .slides section .fragment {
opacity: 0; opacity: 0;
visibility: hidden;
-webkit-transition: all .2s ease; -webkit-transition: all .2s ease;
-moz-transition: all .2s ease; -moz-transition: all .2s ease;
@ -103,10 +104,12 @@ body {
} }
.reveal .slides section .fragment.visible { .reveal .slides section .fragment.visible {
opacity: 1; opacity: 1;
visibility: visible;
} }
.reveal .slides section .fragment.grow { .reveal .slides section .fragment.grow {
opacity: 1; opacity: 1;
visibility: visible;
} }
.reveal .slides section .fragment.grow.visible { .reveal .slides section .fragment.grow.visible {
-webkit-transform: scale( 1.3 ); -webkit-transform: scale( 1.3 );
@ -118,6 +121,7 @@ body {
.reveal .slides section .fragment.shrink { .reveal .slides section .fragment.shrink {
opacity: 1; opacity: 1;
visibility: visible;
} }
.reveal .slides section .fragment.shrink.visible { .reveal .slides section .fragment.shrink.visible {
-webkit-transform: scale( 0.7 ); -webkit-transform: scale( 0.7 );
@ -128,8 +132,6 @@ body {
} }
.reveal .slides section .fragment.zoom-in { .reveal .slides section .fragment.zoom-in {
opacity: 0;
-webkit-transform: scale( 0.1 ); -webkit-transform: scale( 0.1 );
-moz-transform: scale( 0.1 ); -moz-transform: scale( 0.1 );
-ms-transform: scale( 0.1 ); -ms-transform: scale( 0.1 );
@ -138,8 +140,6 @@ body {
} }
.reveal .slides section .fragment.zoom-in.visible { .reveal .slides section .fragment.zoom-in.visible {
opacity: 1;
-webkit-transform: scale( 1 ); -webkit-transform: scale( 1 );
-moz-transform: scale( 1 ); -moz-transform: scale( 1 );
-ms-transform: scale( 1 ); -ms-transform: scale( 1 );
@ -148,8 +148,6 @@ body {
} }
.reveal .slides section .fragment.roll-in { .reveal .slides section .fragment.roll-in {
opacity: 0;
-webkit-transform: rotateX( 90deg ); -webkit-transform: rotateX( 90deg );
-moz-transform: rotateX( 90deg ); -moz-transform: rotateX( 90deg );
-ms-transform: rotateX( 90deg ); -ms-transform: rotateX( 90deg );
@ -157,8 +155,6 @@ body {
transform: rotateX( 90deg ); transform: rotateX( 90deg );
} }
.reveal .slides section .fragment.roll-in.visible { .reveal .slides section .fragment.roll-in.visible {
opacity: 1;
-webkit-transform: rotateX( 0 ); -webkit-transform: rotateX( 0 );
-moz-transform: rotateX( 0 ); -moz-transform: rotateX( 0 );
-ms-transform: rotateX( 0 ); -ms-transform: rotateX( 0 );
@ -168,23 +164,29 @@ body {
.reveal .slides section .fragment.fade-out { .reveal .slides section .fragment.fade-out {
opacity: 1; opacity: 1;
visibility: visible;
} }
.reveal .slides section .fragment.fade-out.visible { .reveal .slides section .fragment.fade-out.visible {
opacity: 0; opacity: 0;
visibility: hidden;
} }
.reveal .slides section .fragment.semi-fade-out { .reveal .slides section .fragment.semi-fade-out {
opacity: 1; opacity: 1;
visibility: visible;
} }
.reveal .slides section .fragment.semi-fade-out.visible { .reveal .slides section .fragment.semi-fade-out.visible {
opacity: 0.5; opacity: 0.5;
visibility: visible;
} }
.reveal .slides section .fragment.current-visible { .reveal .slides section .fragment.current-visible {
opacity: 0; opacity: 0;
visibility: hidden;
} }
.reveal .slides section .fragment.current-visible.current-fragment { .reveal .slides section .fragment.current-visible.current-fragment {
opacity: 1; opacity: 1;
visibility: visible;
} }
.reveal .slides section .fragment.highlight-red, .reveal .slides section .fragment.highlight-red,
@ -194,6 +196,7 @@ body {
.reveal .slides section .fragment.highlight-blue, .reveal .slides section .fragment.highlight-blue,
.reveal .slides section .fragment.highlight-current-blue { .reveal .slides section .fragment.highlight-current-blue {
opacity: 1; opacity: 1;
visibility: visible;
} }
.reveal .slides section .fragment.highlight-red.visible { .reveal .slides section .fragment.highlight-red.visible {
color: #ff2c2d color: #ff2c2d

2
css/reveal.min.css vendored

File diff suppressed because one or more lines are too long