diff --git a/dist/ratchet.css b/dist/ratchet.css index 83913e9..906f394 100644 --- a/dist/ratchet.css +++ b/dist/ratchet.css @@ -937,11 +937,11 @@ button.button-block { } .content.slide { z-index: 2; - -webkit-transition: -webkit-transform .4s; - transition: transform .4s; + -webkit-transition: -webkit-transform .5s; + transition: transform .5s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); - -webkit-transition-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1); + -webkit-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); } .content.slide.sliding-in, .content.slide.right:not([class*="sliding-in"]) { -webkit-animation-name: fadeOverlay; diff --git a/lib/sass/push.scss b/lib/sass/push.scss index a483dc8..fcd593a 100644 --- a/lib/sass/push.scss +++ b/lib/sass/push.scss @@ -19,11 +19,11 @@ // Slide animation iOS7 &.slide { z-index: 2; - -webkit-transition: -webkit-transform .4s; - transition: transform .4s; + -webkit-transition: -webkit-transform .5s; + transition: transform .5s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); - -webkit-transition-timing-function: cubic-bezier(.1, .7, .1, 1); // Inspired by @c2prods + -webkit-transition-timing-function: cubic-bezier(.1, .5, .1, 1); // Inspired by @c2prods // Adding the overlay &.sliding-in,