From c3b91560c76a803bc1c034ce7a4490ebb57cb596 Mon Sep 17 00:00:00 2001 From: Hakim El Hattab Date: Mon, 10 Jun 2013 08:59:58 +0200 Subject: match background and transition slide transition easing equations --- css/reveal.css | 32 +++++++++++++++++++------------- 1 file changed, 19 insertions(+), 13 deletions(-) (limited to 'css/reveal.css') diff --git a/css/reveal.css b/css/reveal.css index b881ae7..f3960c6 100644 --- a/css/reveal.css +++ b/css/reveal.css @@ -1321,11 +1321,11 @@ body { background-repeat: no-repeat; background-size: cover; - -webkit-transition: all 650ms ease; - -moz-transition: all 650ms ease; - -ms-transition: all 650ms ease; - -o-transition: all 650ms ease; - transition: all 650ms ease; + -webkit-transition: all 600ms cubic-bezier(0.260, 0.860, 0.440, 0.985); + -moz-transition: all 600ms cubic-bezier(0.260, 0.860, 0.440, 0.985); + -ms-transition: all 600ms cubic-bezier(0.260, 0.860, 0.440, 0.985); + -o-transition: all 600ms cubic-bezier(0.260, 0.860, 0.440, 0.985); + transition: all 600ms cubic-bezier(0.260, 0.860, 0.440, 0.985); } .reveal .slide-background.present { opacity: 1; @@ -1345,6 +1345,12 @@ body { -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; + + -webkit-transition-duration: 800ms; + -moz-transition-duration: 800ms; + -ms-transition-duration: 800ms; + -o-transition-duration: 800ms; + transition-duration: 800ms; } .reveal[data-background-transition=linear]>.backgrounds .slide-background.past { -webkit-transform: translate(-100%, 0); @@ -1379,16 +1385,16 @@ body { /* Global transition speed settings */ .reveal[data-transition-speed="fast"]>.backgrounds .slide-background { - -webkit-transition-duration: 300ms; - -moz-transition-duration: 300ms; - -ms-transition-duration: 300ms; - transition-duration: 300ms; + -webkit-transition-duration: 400ms; + -moz-transition-duration: 400ms; + -ms-transition-duration: 400ms; + transition-duration: 400ms; } .reveal[data-transition-speed="slow"]>.backgrounds .slide-background { - -webkit-transition-duration: 900ms; - -moz-transition-duration: 900ms; - -ms-transition-duration: 900ms; - transition-duration: 900ms; + -webkit-transition-duration: 1200ms; + -moz-transition-duration: 1200ms; + -ms-transition-duration: 1200ms; + transition-duration: 1200ms; } -- cgit v1.2.3