for test

zhangxinxu · zhangxinxu · commit 1a9b16935789 · 2015-02-16T19:12:31.000+08:00
for test
diff --git a/src/mobilebone.css b/src/mobilebone.css
@@ -96,33 +96,33 @@ html, body, .page {
     to { -webkit-transform: translate3d(0,0,0); }
 }
 @keyframes slideinfromright {
-    from { transform: translateX(100%); }
-    to { transform: translateX(0); }
+    from { transform: translate3d(100%,0,0); }
+    to { transform: translate3d(0,0,0); }
 }
 @-webkit-keyframes slideinfromleft {
     from { -webkit-transform: translate3d(-100%,0,0); }
     to { -webkit-transform: translate3d(0,0,0); }
 }
 @keyframes slideinfromleft {
-    from { transform: translateX(-100%); }
-    to { transform: translateX(0); }
+    from { transform: translate3d(-100%,0,0); }
+    to { transform: translate3d(0,0,0); }
 }
 /* keyframes for slideout to sides */
 @-webkit-keyframes slideouttoleft {
     from { -webkit-transform: translate3d(0,0,0); }
     to { -webkit-transform: translate3d(-100%,0,0); }
 }
 @keyframes slideouttoleft {
-    from { transform: translateX(0); }
-    to { transform: translateX(-100%); }
+    from { transform: translate3d(0,0,0); }
+    to { transform: translate3d(-100%,0,0); }
 }
 @-webkit-keyframes slideouttoright {
     from { -webkit-transform: translate3d(0,0,0); }
     to { -webkit-transform: translate3d(100%,0,0); }
 }
 @keyframes slideouttoright {
-    from { transform: translateX(0); }
-    to { transform: translateX(100%); }
+    from { transform: translate3d(0,0,0); }
+    to { transform: translate3d(100%,0,0); }
 }
 
 /* chrysanthemum loading effect */

Original file line number	Diff line number	Diff line change
`@@ -96,33 +96,33 @@ html, body, .page {`
`96`	`96`	`to { -webkit-transform: translate3d(0,0,0); }`
`97`	`97`	`}`
`98`	`98`	`@keyframes slideinfromright {`
`99`		`- from { transform: translateX(100%); }`
`100`		`- to { transform: translateX(0); }`
	`99`	`+ from { transform: translate3d(100%,0,0); }`
	`100`	`+ to { transform: translate3d(0,0,0); }`
`101`	`101`	`}`
`102`	`102`	`@-webkit-keyframes slideinfromleft {`
`103`	`103`	`from { -webkit-transform: translate3d(-100%,0,0); }`
`104`	`104`	`to { -webkit-transform: translate3d(0,0,0); }`
`105`	`105`	`}`
`106`	`106`	`@keyframes slideinfromleft {`
`107`		`- from { transform: translateX(-100%); }`
`108`		`- to { transform: translateX(0); }`
	`107`	`+ from { transform: translate3d(-100%,0,0); }`
	`108`	`+ to { transform: translate3d(0,0,0); }`
`109`	`109`	`}`
`110`	`110`	`/* keyframes for slideout to sides */`
`111`	`111`	`@-webkit-keyframes slideouttoleft {`
`112`	`112`	`from { -webkit-transform: translate3d(0,0,0); }`
`113`	`113`	`to { -webkit-transform: translate3d(-100%,0,0); }`
`114`	`114`	`}`
`115`	`115`	`@keyframes slideouttoleft {`
`116`		`- from { transform: translateX(0); }`
`117`		`- to { transform: translateX(-100%); }`
	`116`	`+ from { transform: translate3d(0,0,0); }`
	`117`	`+ to { transform: translate3d(-100%,0,0); }`
`118`	`118`	`}`
`119`	`119`	`@-webkit-keyframes slideouttoright {`
`120`	`120`	`from { -webkit-transform: translate3d(0,0,0); }`
`121`	`121`	`to { -webkit-transform: translate3d(100%,0,0); }`
`122`	`122`	`}`
`123`	`123`	`@keyframes slideouttoright {`
`124`		`- from { transform: translateX(0); }`
`125`		`- to { transform: translateX(100%); }`
	`124`	`+ from { transform: translate3d(0,0,0); }`
	`125`	`+ to { transform: translate3d(100%,0,0); }`
`126`	`126`	`}`
`127`	`127`
`128`	`128`	`/* chrysanthemum loading effect */`