aboutsummaryrefslogtreecommitdiff
path: root/css
diff options
context:
space:
mode:
authorHakim El Hattab <hakim.elhattab@gmail.com>2016-01-08 10:39:02 +0100
committerHakim El Hattab <hakim.elhattab@gmail.com>2016-01-08 10:39:02 +0100
commit76faeccd3e50026037ddb13497fd244e52ac51fd (patch)
treec4188293d187417991b1dc457153361b669f4250 /css
parent3bb7cf528cfaa224b5b7c6fedacec2468eb951c3 (diff)
parent2909440fde651af3a2477d0b569d3b43ba64ca6e (diff)
downloadfreenode-live-2017-presentation-76faeccd3e50026037ddb13497fd244e52ac51fd.tar
freenode-live-2017-presentation-76faeccd3e50026037ddb13497fd244e52ac51fd.tar.gz
Merge branch 'fragments' of https://github.com/kewitz/reveal.js into dev
Diffstat (limited to 'css')
-rw-r--r--css/reveal.css20
-rw-r--r--css/reveal.scss34
2 files changed, 52 insertions, 2 deletions
diff --git a/css/reveal.css b/css/reveal.css
index 9739291..4530584 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -110,6 +110,26 @@ html:-moz-full-screen-ancestor {
.reveal .slides section .fragment.strike.visible {
text-decoration: line-through; }
+.reveal .slides section .fragment.fade-up {
+ transform: translate(0, 20%); }
+ .reveal .slides section .fragment.fade-up.visible {
+ transform: translate(0, 0); }
+
+.reveal .slides section .fragment.fade-down {
+ transform: translate(0, -20%); }
+ .reveal .slides section .fragment.fade-down.visible {
+ transform: translate(0, 0); }
+
+.reveal .slides section .fragment.fade-right {
+ transform: translate(-20%, 0); }
+ .reveal .slides section .fragment.fade-right.visible {
+ transform: translate(0, 0); }
+
+.reveal .slides section .fragment.fade-left {
+ transform: translate(20%, 0); }
+ .reveal .slides section .fragment.fade-left.visible {
+ transform: translate(0, 0); }
+
.reveal .slides section .fragment.current-visible {
opacity: 0;
visibility: hidden; }
diff --git a/css/reveal.scss b/css/reveal.scss
index eb600ac..5a66671 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -137,6 +137,38 @@ html:-moz-full-screen-ancestor {
}
}
+.reveal .slides section .fragment.fade-up {
+ transform: translate(0, 20%);
+
+ &.visible {
+ transform: translate(0, 0);
+ }
+}
+
+.reveal .slides section .fragment.fade-down {
+ transform: translate(0, -20%);
+
+ &.visible {
+ transform: translate(0, 0);
+ }
+}
+
+.reveal .slides section .fragment.fade-right {
+ transform: translate(-20%, 0);
+
+ &.visible {
+ transform: translate(0, 0);
+ }
+}
+
+.reveal .slides section .fragment.fade-left {
+ transform: translate(20%, 0);
+
+ &.visible {
+ transform: translate(0, 0);
+ }
+}
+
.reveal .slides section .fragment.current-visible {
opacity: 0;
visibility: hidden;
@@ -1375,5 +1407,3 @@ html:-moz-full-screen-ancestor {
.zoomed .reveal .roll span:after {
visibility: hidden;
}
-
-