Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Added unprefixed properties to transitions CSS for IE10 support.

  • Loading branch information...
commit 17ce0a7ba2e9a49da77e36cad70422813743365b 1 parent a38792c
Jasper de Groot jaspermdegroot authored
10 css/structure/jquery.mobile.transition.css
View
@@ -13,14 +13,24 @@
opacity: 0;
}
.in {
+ -webkit-animation-fill-mode: both;
-webkit-animation-timing-function: ease-out;
-webkit-animation-duration: 350ms;
+ -moz-animation-fill-mode: both;
-moz-animation-timing-function: ease-out;
-moz-animation-duration: 350ms;
+ animation-fill-mode: both;
+ animation-timing-function: ease-out;
+ animation-duration: 350ms;
}
.out {
+ -webkit-animation-fill-mode: both;
-webkit-animation-timing-function: ease-in;
-webkit-animation-duration: 225ms;
+ -moz-animation-fill-mode: both;
-moz-animation-timing-function: ease-in;
-moz-animation-duration: 225ms;
+ animation-fill-mode: both;
+ animation-timing-function: ease-in;
+ animation-duration: 225ms;
}
14 css/structure/jquery.mobile.transition.fade.css
View
@@ -2,21 +2,27 @@
from { opacity: 0; }
to { opacity: 1; }
}
-
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
+@keyframes fadein {
+ from { opacity: 0; }
+ to { opacity: 1; }
+}
@-webkit-keyframes fadeout {
from { opacity: 1; }
to { opacity: 0; }
}
-
@-moz-keyframes fadeout {
from { opacity: 1; }
to { opacity: 0; }
}
+@keyframes fadeout {
+ from { opacity: 1; }
+ to { opacity: 0; }
+}
.fade.out {
opacity: 0;
@@ -24,6 +30,8 @@
-webkit-animation-name: fadeout;
-moz-animation-duration: 125ms;
-moz-animation-name: fadeout;
+ animation-duration: 125ms;
+ animation-name: fadeout;
}
.fade.in {
@@ -32,4 +40,6 @@
-webkit-animation-name: fadein;
-moz-animation-duration: 225ms;
-moz-animation-name: fadein;
+ animation-duration: 225ms;
+ animation-name: fadein;
}
37 css/structure/jquery.mobile.transition.flip.css
View
@@ -8,13 +8,16 @@
.viewport-flip {
-webkit-perspective: 1000;
-moz-perspective: 1000;
+ perspective: 1000;
position: absolute;
}
.flip {
- -webkit-backface-visibility:hidden;
- -webkit-transform:translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
- -moz-backface-visibility:hidden;
- -moz-transform:translateX(0);
+ -webkit-backface-visibility: hidden;
+ -webkit-transform: translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
+ -moz-backface-visibility: hidden;
+ -moz-transform: translateX(0);
+ backface-visibility: hidden;
+ transform: translateX(0);
}
.flip.out {
@@ -24,6 +27,9 @@
-moz-transform: rotateY(-90deg) scale(.9);
-moz-animation-name: flipouttoleft;
-moz-animation-duration: 175ms;
+ transform: rotateY(-90deg) scale(.9);
+ animation-name: flipouttoleft;
+ animation-duration: 175ms;
}
.flip.in {
@@ -31,6 +37,8 @@
-webkit-animation-duration: 225ms;
-moz-animation-name: flipintoright;
-moz-animation-duration: 225ms;
+ animation-name: flipintoright;
+ animation-duration: 225ms;
}
.flip.out.reverse {
@@ -38,11 +46,14 @@
-webkit-animation-name: flipouttoright;
-moz-transform: rotateY(90deg) scale(.9);
-moz-animation-name: flipouttoright;
+ transform: rotateY(90deg) scale(.9);
+ animation-name: flipouttoright;
}
.flip.in.reverse {
-webkit-animation-name: flipintoleft;
-moz-animation-name: flipintoleft;
+ animation-name: flipintoleft;
}
@-webkit-keyframes flipouttoleft {
@@ -53,6 +64,10 @@
from { -moz-transform: rotateY(0); }
to { -moz-transform: rotateY(-90deg) scale(.9); }
}
+@keyframes flipouttoleft {
+ from { transform: rotateY(0); }
+ to { transform: rotateY(-90deg) scale(.9); }
+}
@-webkit-keyframes flipouttoright {
from { -webkit-transform: rotateY(0) ; }
to { -webkit-transform: rotateY(90deg) scale(.9); }
@@ -61,6 +76,10 @@
from { -moz-transform: rotateY(0); }
to { -moz-transform: rotateY(90deg) scale(.9); }
}
+@keyframes flipouttoright {
+ from { transform: rotateY(0); }
+ to { transform: rotateY(90deg) scale(.9); }
+}
@-webkit-keyframes flipintoleft {
from { -webkit-transform: rotateY(-90deg) scale(.9); }
to { -webkit-transform: rotateY(0); }
@@ -69,6 +88,10 @@
from { -moz-transform: rotateY(-90deg) scale(.9); }
to { -moz-transform: rotateY(0); }
}
+@keyframes flipintoleft {
+ from { transform: rotateY(-90deg) scale(.9); }
+ to { transform: rotateY(0); }
+}
@-webkit-keyframes flipintoright {
from { -webkit-transform: rotateY(90deg) scale(.9); }
to { -webkit-transform: rotateY(0); }
@@ -76,4 +99,8 @@
@-moz-keyframes flipintoright {
from { -moz-transform: rotateY(90deg) scale(.9); }
to { -moz-transform: rotateY(0); }
-}
+}
+@keyframes flipintoright {
+ from { transform: rotateY(90deg) scale(.9); }
+ to { transform: rotateY(0); }
+}
42 css/structure/jquery.mobile.transition.flow.css
View
@@ -1,15 +1,19 @@
/* flow transition */
.flow {
-webkit-transform-origin: 50% 30%;
- -moz-transform-origin: 50% 30%;
-webkit-box-shadow: 0 0 20px rgba(0,0,0,.4);
+ -moz-transform-origin: 50% 30%;
-moz-box-shadow: 0 0 20px rgba(0,0,0,.4);
+ transform-origin: 50% 30%;
+ box-shadow: 0 0 20px rgba(0,0,0,.4);
}
.ui-dialog.flow {
-webkit-transform-origin: none;
- -moz-transform-origin: none;
-webkit-box-shadow: none;
+ -moz-transform-origin: none;
-moz-box-shadow: none;
+ transform-origin: none;
+ box-shadow: none;
}
.flow.out {
-webkit-transform: translateX(-100%) scale(.7);
@@ -20,6 +24,10 @@
-moz-animation-name: flowouttoleft;
-moz-animation-timing-function: ease;
-moz-animation-duration: 350ms;
+ transform: translateX(-100%) scale(.7);
+ animation-name: flowouttoleft;
+ animation-timing-function: ease;
+ animation-duration: 350ms;
}
.flow.in {
@@ -31,6 +39,10 @@
-moz-animation-name: flowinfromright;
-moz-animation-timing-function: ease;
-moz-animation-duration: 350ms;
+ transform: translateX(0) scale(1);
+ animation-name: flowinfromright;
+ animation-timing-function: ease;
+ animation-duration: 350ms;
}
.flow.out.reverse {
@@ -38,11 +50,14 @@
-webkit-animation-name: flowouttoright;
-moz-transform: translateX(100%);
-moz-animation-name: flowouttoright;
+ transform: translateX(100%);
+ animation-name: flowouttoright;
}
.flow.in.reverse {
-webkit-animation-name: flowinfromleft;
-moz-animation-name: flowinfromleft;
+ animation-name: flowinfromleft;
}
@-webkit-keyframes flowouttoleft {
@@ -55,6 +70,11 @@
60%, 70% { -moz-transform: translateX(0) scale(.7); }
100% { -moz-transform: translateX(-100%) scale(.7); }
}
+@keyframes flowouttoleft {
+ 0% { transform: translateX(0) scale(1); }
+ 60%, 70% { transform: translateX(0) scale(.7); }
+ 100% { transform: translateX(-100%) scale(.7); }
+}
@-webkit-keyframes flowouttoright {
0% { -webkit-transform: translateX(0) scale(1); }
@@ -66,6 +86,11 @@
60%, 70% { -moz-transform: translateX(0) scale(.7); }
100% { -moz-transform: translateX(100%) scale(.7); }
}
+@keyframes flowouttoright {
+ 0% { transform: translateX(0) scale(1); }
+ 60%, 70% { transform: translateX(0) scale(.7); }
+ 100% { transform: translateX(100%) scale(.7); }
+}
@-webkit-keyframes flowinfromleft {
0% { -webkit-transform: translateX(-100%) scale(.7); }
@@ -77,6 +102,12 @@
30%, 40% { -moz-transform: translateX(0) scale(.7); }
100% { -moz-transform: translateX(0) scale(1); }
}
+@keyframes flowinfromleft {
+ 0% { transform: translateX(-100%) scale(.7); }
+ 30%, 40% { transform: translateX(0) scale(.7); }
+ 100% { transform: translateX(0) scale(1); }
+}
+
@-webkit-keyframes flowinfromright {
0% { -webkit-transform: translateX(100%) scale(.7); }
30%, 40% { -webkit-transform: translateX(0) scale(.7); }
@@ -86,4 +117,9 @@
0% { -moz-transform: translateX(100%) scale(.7); }
30%, 40% { -moz-transform: translateX(0) scale(.7); }
100% { -moz-transform: translateX(0) scale(1); }
-}
+}
+@keyframes flowinfromright {
+ 0% { transform: translateX(100%) scale(.7); }
+ 30%, 40% { transform: translateX(0) scale(.7); }
+ 100% { transform: translateX(0) scale(1); }
+}
45 css/structure/jquery.mobile.transition.pop.css
View
@@ -1,36 +1,45 @@
.pop {
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
}
.pop.in {
-webkit-transform: scale(1);
- -moz-transform: scale(1);
- opacity: 1;
-webkit-animation-name: popin;
- -moz-animation-name: popin;
-webkit-animation-duration: 350ms;
+ -moz-transform: scale(1);
+ -moz-animation-name: popin;
-moz-animation-duration: 350ms;
+ transform: scale(1);
+ animation-name: popin;
+ animation-duration: 350ms;
+ opacity: 1;
}
.pop.out {
-webkit-animation-name: fadeout;
- -moz-animation-name: fadeout;
- opacity: 0;
-webkit-animation-duration: 100ms;
+ -moz-animation-name: fadeout;
-moz-animation-duration: 100ms;
+ animation-name: fadeout;
+ animation-duration: 100ms;
+ opacity: 0;
}
.pop.in.reverse {
-webkit-animation-name: fadein;
-moz-animation-name: fadein;
+ animation-name: fadein;
}
.pop.out.reverse {
-webkit-transform: scale(.8);
- -moz-transform: scale(.8);
-webkit-animation-name: popout;
+ -moz-transform: scale(.8);
-moz-animation-name: popout;
+ transform: scale(.8);
+ animation-name: popout;
}
@-webkit-keyframes popin {
@@ -43,7 +52,6 @@
opacity: 1;
}
}
-
@-moz-keyframes popin {
from {
-moz-transform: scale(.8);
@@ -54,6 +62,16 @@
opacity: 1;
}
}
+@keyframes popin {
+ from {
+ transform: scale(.8);
+ opacity: 0;
+ }
+ to {
+ transform: scale(1);
+ opacity: 1;
+ }
+}
@-webkit-keyframes popout {
from {
@@ -65,7 +83,6 @@
opacity: 0;
}
}
-
@-moz-keyframes popout {
from {
-moz-transform: scale(1);
@@ -75,4 +92,14 @@
-moz-transform: scale(.8);
opacity: 0;
}
-}
+}
+@keyframes popout {
+ from {
+ transform: scale(1);
+ opacity: 1;
+ }
+ to {
+ transform: scale(.8);
+ opacity: 0;
+ }
+}
10 css/structure/jquery.mobile.transition.slide.css
View
@@ -6,12 +6,16 @@
-webkit-animation-duration: 350ms;
-moz-animation-timing-function: ease-out;
-moz-animation-duration: 350ms;
+ animation-timing-function: ease-out;
+ animation-duration: 350ms;
}
.slide.out {
-webkit-transform: translateX(-100%);
-webkit-animation-name: slideouttoleft;
-moz-transform: translateX(-100%);
-moz-animation-name: slideouttoleft;
+ transform: translateX(-100%);
+ animation-name: slideouttoleft;
}
.slide.in {
@@ -19,6 +23,8 @@
-webkit-animation-name: slideinfromright;
-moz-transform: translateX(0);
-moz-animation-name: slideinfromright;
+ transform: translateX(0);
+ animation-name: slideinfromright;
}
.slide.out.reverse {
@@ -26,6 +32,8 @@
-webkit-animation-name: slideouttoright;
-moz-transform: translateX(100%);
-moz-animation-name: slideouttoright;
+ transform: translateX(100%);
+ animation-name: slideouttoright;
}
.slide.in.reverse {
@@ -33,4 +41,6 @@
-webkit-animation-name: slideinfromleft;
-moz-transform: translateX(0);
-moz-animation-name: slideinfromleft;
+ transform: translateX(0);
+ animation-name: slideinfromleft;
}
30 css/structure/jquery.mobile.transition.slidedown.css
View
@@ -1,34 +1,44 @@
/* slide down */
.slidedown.out {
-webkit-animation-name: fadeout;
- -moz-animation-name: fadeout;
-webkit-animation-duration: 100ms;
+ -moz-animation-name: fadeout;
-moz-animation-duration: 100ms;
+ animation-name: fadeout;
+ animation-duration: 100ms;
}
.slidedown.in {
-webkit-transform: translateY(0);
-webkit-animation-name: slideinfromtop;
+ -webkit-animation-duration: 250ms;
-moz-transform: translateY(0);
-moz-animation-name: slideinfromtop;
- -webkit-animation-duration: 250ms;
-moz-animation-duration: 250ms;
+ transform: translateY(0);
+ animation-name: slideinfromtop;
+ animation-duration: 250ms;
}
.slidedown.in.reverse {
-webkit-animation-name: fadein;
- -moz-animation-name: fadein;
-webkit-animation-duration: 150ms;
+ -moz-animation-name: fadein;
-moz-animation-duration: 150ms;
+ animation-name: fadein;
+ animation-duration: 150ms;
}
.slidedown.out.reverse {
-webkit-transform: translateY(-100%);
- -moz-transform: translateY(-100%);
-webkit-animation-name: slideouttotop;
- -moz-animation-name: slideouttotop;
-webkit-animation-duration: 200ms;
+ -moz-transform: translateY(-100%);
+ -moz-animation-name: slideouttotop;
-moz-animation-duration: 200ms;
+ transform: translateY(-100%);
+ animation-name: slideouttotop;
+ animation-duration: 200ms;
}
@-webkit-keyframes slideinfromtop {
@@ -39,6 +49,10 @@
from { -moz-transform: translateY(-100%); }
to { -moz-transform: translateY(0); }
}
+@keyframes slideinfromtop {
+ from { transform: translateY(-100%); }
+ to { transform: translateY(0); }
+}
@-webkit-keyframes slideouttotop {
from { -webkit-transform: translateY(0); }
@@ -47,4 +61,8 @@
@-moz-keyframes slideouttotop {
from { -moz-transform: translateY(0); }
to { -moz-transform: translateY(-100%); }
-}
+}
+@keyframes slideouttotop {
+ from { transform: translateY(0); }
+ to { transform: translateY(-100%); }
+}
22 css/structure/jquery.mobile.transition.slidefade.css
View
@@ -4,35 +4,47 @@
.slidefade.out {
-webkit-transform: translateX(-100%);
-webkit-animation-name: slideouttoleft;
+ -webkit-animation-duration: 225ms;
-moz-transform: translateX(-100%);
-moz-animation-name: slideouttoleft;
- -webkit-animation-duration: 225ms;
-moz-animation-duration: 225ms;
+ transform: translateX(-100%);
+ animation-name: slideouttoleft;
+ animation-duration: 225ms;
}
.slidefade.in {
-webkit-transform: translateX(0);
-webkit-animation-name: fadein;
+ -webkit-animation-duration: 200ms;
-moz-transform: translateX(0);
-moz-animation-name: fadein;
- -webkit-animation-duration: 200ms;
-moz-animation-duration: 200ms;
+ transform: translateX(0);
+ animation-name: fadein;
+ animation-duration: 200ms;
}
.slidefade.out.reverse {
-webkit-transform: translateX(100%);
-webkit-animation-name: slideouttoright;
+ -webkit-animation-duration: 200ms;
-moz-transform: translateX(100%);
-moz-animation-name: slideouttoright;
- -webkit-animation-duration: 200ms;
-moz-animation-duration: 200ms;
+ transform: translateX(100%);
+ animation-name: slideouttoright;
+ animation-duration: 200ms;
}
.slidefade.in.reverse {
-webkit-transform: translateX(0);
-webkit-animation-name: fadein;
- -moz-transform: translateX(0);
- -moz-animation-name: fadein;
-webkit-animation-duration: 200ms;
+ -moz-transform: translateX(0);
+ -moz-animation-name: fadein
-moz-animation-duration: 200ms;
+ transform: translateX(0);
+ animation-name: fadein
+ animation-duration: 200ms;
}
8 css/structure/jquery.mobile.transition.slidein.keyframes.css
View
@@ -7,6 +7,10 @@
from { -moz-transform: translateX(100%); }
to { -moz-transform: translateX(0); }
}
+@keyframes slideinfromright {
+ from { transform: translateX(100%); }
+ to { transform: translateX(0); }
+}
@-webkit-keyframes slideinfromleft {
from { -webkit-transform: translateX(-100%); }
@@ -15,4 +19,8 @@
@-moz-keyframes slideinfromleft {
from { -moz-transform: translateX(-100%); }
to { -moz-transform: translateX(0); }
+}
+@keyframes slideinfromleft {
+ from { transform: translateX(-100%); }
+ to { transform: translateX(0); }
}
8 css/structure/jquery.mobile.transition.slideout.keyframes.css
View
@@ -7,6 +7,10 @@
from { -moz-transform: translateX(0); }
to { -moz-transform: translateX(-100%); }
}
+@keyframes slideouttoleft {
+ from { transform: translateX(0); }
+ to { transform: translateX(-100%); }
+}
@-webkit-keyframes slideouttoright {
from { -webkit-transform: translateX(0); }
@@ -16,3 +20,7 @@
from { -moz-transform: translateX(0); }
to { -moz-transform: translateX(100%); }
}
+@keyframes slideouttoright {
+ from { transform: translateX(0); }
+ to { transform: translateX(100%); }
+}
28 css/structure/jquery.mobile.transition.slideup.css
View
@@ -1,34 +1,44 @@
/* slide up */
.slideup.out {
-webkit-animation-name: fadeout;
- -moz-animation-name: fadeout;
-webkit-animation-duration: 100ms;
+ -moz-animation-name: fadeout;
-moz-animation-duration: 100ms;
+ animation-name: fadeout;
+ animation-duration: 100ms;
}
.slideup.in {
-webkit-transform: translateY(0);
-webkit-animation-name: slideinfrombottom;
+ -webkit-animation-duration: 250ms;
-moz-transform: translateY(0);
-moz-animation-name: slideinfrombottom;
- -webkit-animation-duration: 250ms;
-moz-animation-duration: 250ms;
+ transform: translateY(0);
+ animation-name: slideinfrombottom;
+ animation-duration: 250ms;
}
.slideup.in.reverse {
-webkit-animation-name: fadein;
- -moz-animation-name: fadein;
-webkit-animation-duration: 150ms;
+ -moz-animation-name: fadein;
-moz-animation-duration: 150ms;
+ animation-name: fadein;
+ animation-duration: 150ms;
}
.slideup.out.reverse {
-webkit-transform: translateY(100%);
- -moz-transform: translateY(100%);
-webkit-animation-name: slideouttobottom;
- -moz-animation-name: slideouttobottom;
-webkit-animation-duration: 200ms;
+ -moz-transform: translateY(100%);
+ -moz-animation-name: slideouttobottom;
-moz-animation-duration: 200ms;
+ transform: translateY(100%);
+ animation-name: slideouttobottom;
+ animation-duration: 200ms;
}
@-webkit-keyframes slideinfrombottom {
@@ -39,6 +49,10 @@
from { -moz-transform: translateY(100%); }
to { -moz-transform: translateY(0); }
}
+@keyframes slideinfrombottom {
+ from { transform: translateY(100%); }
+ to { transform: translateY(0); }
+}
@-webkit-keyframes slideouttobottom {
from { -webkit-transform: translateY(0); }
@@ -47,4 +61,8 @@
@-moz-keyframes slideouttobottom {
from { -moz-transform: translateY(0); }
to { -moz-transform: translateY(100%); }
+}
+@keyframes slideouttobottom {
+ from { transform: translateY(0); }
+ to { transform: translateY(100%); }
}
41 css/structure/jquery.mobile.transition.turn.css
View
@@ -8,32 +8,42 @@
.viewport-turn {
-webkit-perspective: 1000;
-moz-perspective: 1000;
+ perspective: 1000;
position: absolute;
}
.turn {
- -webkit-backface-visibility:hidden;
- -webkit-transform:translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
+ -webkit-backface-visibility: hidden;
+ -webkit-transform: translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
-webkit-transform-origin: 0;
- -moz-backface-visibility:hidden;
- -moz-transform:translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
+ -moz-backface-visibility: hidden;
+ -moz-transform: translateX(0);
-moz-transform-origin: 0;
+
+ backface-visibility :hidden;
+ transform: translateX(0);
+ transform-origin: 0;
}
.turn.out {
-webkit-transform: rotateY(-90deg) scale(.9);
-webkit-animation-name: flipouttoleft;
+ -webkit-animation-duration: 125ms;
-moz-transform: rotateY(-90deg) scale(.9);
-moz-animation-name: flipouttoleft;
- -webkit-animation-duration: 125ms;
-moz-animation-duration: 125ms;
+ transform: rotateY(-90deg) scale(.9);
+ animation-name: flipouttoleft;
+ animation-duration: 125ms;
}
.turn.in {
-webkit-animation-name: flipintoright;
- -moz-animation-name: flipintoright;
-webkit-animation-duration: 250ms;
+ -moz-animation-name: flipintoright;
-moz-animation-duration: 250ms;
+ animation-name: flipintoright;
+ animation-duration: 250ms;
}
@@ -42,11 +52,14 @@
-webkit-animation-name: flipouttoright;
-moz-transform: rotateY(90deg) scale(.9);
-moz-animation-name: flipouttoright;
+ transform: rotateY(90deg) scale(.9);
+ animation-name: flipouttoright;
}
.turn.in.reverse {
-webkit-animation-name: flipintoleft;
-moz-animation-name: flipintoleft;
+ animation-name: flipintoleft;
}
@-webkit-keyframes flipouttoleft {
@@ -57,6 +70,10 @@
from { -moz-transform: rotateY(0); }
to { -moz-transform: rotateY(-90deg) scale(.9); }
}
+@keyframes flipouttoleft {
+ from { transform: rotateY(0); }
+ to { transform: rotateY(-90deg) scale(.9); }
+}
@-webkit-keyframes flipouttoright {
from { -webkit-transform: rotateY(0) ; }
to { -webkit-transform: rotateY(90deg) scale(.9); }
@@ -65,6 +82,10 @@
from { -moz-transform: rotateY(0); }
to { -moz-transform: rotateY(90deg) scale(.9); }
}
+@keyframes flipouttoright {
+ from { transform: rotateY(0); }
+ to { transform: rotateY(90deg) scale(.9); }
+}
@-webkit-keyframes flipintoleft {
from { -webkit-transform: rotateY(-90deg) scale(.9); }
to { -webkit-transform: rotateY(0); }
@@ -73,6 +94,10 @@
from { -moz-transform: rotateY(-90deg) scale(.9); }
to { -moz-transform: rotateY(0); }
}
+@keyframes flipintoleft {
+ from { transform: rotateY(-90deg) scale(.9); }
+ to { transform: rotateY(0); }
+}
@-webkit-keyframes flipintoright {
from { -webkit-transform: rotateY(90deg) scale(.9); }
to { -webkit-transform: rotateY(0); }
@@ -81,3 +106,7 @@
from { -moz-transform: rotateY(90deg) scale(.9); }
to { -moz-transform: rotateY(0); }
}
+@keyframes flipintoright {
+ from { transform: rotateY(90deg) scale(.9); }
+ to { transform: rotateY(0); }
+}
Please sign in to comment.
Something went wrong with that request. Please try again.