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 From 2909440fde651af3a2477d0b569d3b43ba64ca6e Mon Sep 17 00:00:00 2001 From: Leonardo Kewitz Date: Sun, 22 Nov 2015 18:52:42 -0200 Subject: Clean version of the new transitions. --- css/reveal.scss | 16 ---------------- 1 file changed, 16 deletions(-) (limited to 'css/reveal.scss') diff --git a/css/reveal.scss b/css/reveal.scss index 1cea73e..7525b2a 100644 --- a/css/reveal.scss +++ b/css/reveal.scss @@ -138,50 +138,34 @@ 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; } } -- cgit v1.2.3