Only use translate3d

[ratchet] / lib / css / modals.css

diff --git a/lib/css/modals.css b/lib/css/modals.css
index 17f330c..0cf6e43 100644 (file)
--- a/lib/css/modals.css
+++ b/lib/css/modals.css
@@ -6,8 +6,8 @@
   background-color: #fff;
   width: 100%;
 
-  -webkit-transform: translateY(100%);
-          transform: translateY(100%);
+  -webkit-transform: translate3d(0, 100%, 0);
+          transform: translate3d(0, 100%, 0);
 
   -webkit-transition: -webkit-transform .25s ease-in-out, opacity 1ms .25s;
           transition:         transform .25s ease-in-out, opacity 1ms .25s;
@@ -23,10 +23,10 @@
 -------------------------------------------------- */
 .modal.active {
   -webkit-transition: -webkit-transform .25s ease-in-out;
-          transition:     transform: .25 ease-in-out;
+          transition:         transform: .25 ease-in-out;
 
-  -webkit-transform: translateY(0);
-          transform: translateY(0);
+  -webkit-transform: translate3d(0, 0, 0);
+          transform: translate3d(0, 0, 0);
 
   opacity: 1;
   height: 100%;