Browse Source

refine that timing

pull/214/head
connors 11 years ago
parent
commit
1bfc0d40e6
  1. 6
      dist/ratchet.css
  2. 6
      lib/sass/push.scss

6
dist/ratchet.css vendored

@ -937,11 +937,11 @@ button.button-block {
} }
.content.slide { .content.slide {
z-index: 2; z-index: 2;
-webkit-transition: -webkit-transform .4s; -webkit-transition: -webkit-transform .5s;
transition: transform .4s; transition: transform .5s;
-webkit-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0);
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"]) { .content.slide.sliding-in, .content.slide.right:not([class*="sliding-in"]) {
-webkit-animation-name: fadeOverlay; -webkit-animation-name: fadeOverlay;

6
lib/sass/push.scss

@ -19,11 +19,11 @@
// Slide animation iOS7 // Slide animation iOS7
&.slide { &.slide {
z-index: 2; z-index: 2;
-webkit-transition: -webkit-transform .4s; -webkit-transition: -webkit-transform .5s;
transition: transform .4s; transition: transform .5s;
-webkit-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0);
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 // Adding the overlay
&.sliding-in, &.sliding-in,

Loading…
Cancel
Save