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

Added 4 fragment transitions effect.

Browse source
This commit is contained in:
Leonardo Kewitz 2015-11-22 18:34:25 -02:00
parent bef2722eed
commit d457b9270a
3 changed files with 211 additions and 294 deletions
Download patch file Download diff file Expand all files Collapse all files

50
css/reveal.scss
View file

@ -137,6 +137,54 @@ html:-moz-full-screen-ancestor {
}
}
.reveal .slides section .fragment.fade-up {
opacity: 0;
transform: translate(0, 20%);
visibility: hidden;
&.visible {
opacity: 1;
transform: translate(0, 0);
visibility: visible;
}
}
.reveal .slides section .fragment.fade-down {
opacity: 0;
transform: translate(0, -20%);
visibility: hidden;
&.visible {
opacity: 1;
transform: translate(0, 0);
visibility: visible;
}
}
.reveal .slides section .fragment.fade-right {
opacity: 0;
transform: translate(-20%, 0);
visibility: hidden;
&.visible {
opacity: 1;
transform: translate(0, 0);
visibility: visible;
}
}
.reveal .slides section .fragment.fade-left {
opacity: 0;
transform: translate(20%, 0);
visibility: hidden;
&.visible {
opacity: 1;
transform: translate(0, 0);
visibility: visible;
}
}
.reveal .slides section .fragment.current-visible {
opacity: 0;
visibility: hidden;
@ -1375,5 +1423,3 @@ html:-moz-full-screen-ancestor {
.zoomed .reveal .roll span:after {
visibility: hidden;
}