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 {
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;

6
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,

Loading…
Cancel
Save