add 'fade-in-then-half-out' fragment style, 'current-visible' was renamed to 'fade-in-then-out'

This commit is contained in:
Hakim El Hattab
2018-06-11 10:59:31 +02:00
parent 4672801229
commit 4bea8e17e8
4 changed files with 38 additions and 3 deletions

View File

@ -127,13 +127,25 @@ body {
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
.reveal .slides section .fragment.fade-in-then-out,
.reveal .slides section .fragment.current-visible {
opacity: 0;
visibility: hidden; }
.reveal .slides section .fragment.fade-in-then-out.current-fragment,
.reveal .slides section .fragment.current-visible.current-fragment {
opacity: 1;
visibility: inherit; }
.reveal .slides section .fragment.fade-in-then-half-out {
opacity: 0;
visibility: hidden; }
.reveal .slides section .fragment.fade-in-then-half-out.visible {
opacity: 0.5;
visibility: inherit; }
.reveal .slides section .fragment.fade-in-then-half-out.current-fragment {
opacity: 1;
visibility: inherit; }
.reveal .slides section .fragment.highlight-red,
.reveal .slides section .fragment.highlight-current-red,
.reveal .slides section .fragment.highlight-green,

View File

@ -160,6 +160,7 @@ body {
}
}
.reveal .slides section .fragment.fade-in-then-out,
.reveal .slides section .fragment.current-visible {
opacity: 0;
visibility: hidden;
@ -170,6 +171,21 @@ body {
}
}
.reveal .slides section .fragment.fade-in-then-half-out {
opacity: 0;
visibility: hidden;
&.visible {
opacity: 0.5;
visibility: inherit;
}
&.current-fragment {
opacity: 1;
visibility: inherit;
}
}
.reveal .slides section .fragment.highlight-red,
.reveal .slides section .fragment.highlight-current-red,
.reveal .slides section .fragment.highlight-green,