From d457b9270a015f7c5393066d0d58c185ca8e59e7 Mon Sep 17 00:00:00 2001
From: Leonardo Kewitz
Date: Sun, 22 Nov 2015 18:34:25 -0200
Subject: Added 4 fragment transitions effect.

---
 css/reveal.scss | 50 ++++++++++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 48 insertions(+), 2 deletions(-)

(limited to 'css/reveal.scss')

diff --git a/css/reveal.scss b/css/reveal.scss
index d932269..1cea73e 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -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;
 }
-
-
-- 
cgit v1.2.3