diff --git a/themes/default/jquery.mobile.transitions.css b/themes/default/jquery.mobile.transitions.css index 9984b7a7..dc0ecad9 100644 --- a/themes/default/jquery.mobile.transitions.css +++ b/themes/default/jquery.mobile.transitions.css @@ -134,53 +134,7 @@ Built by David Kaneda and maintained by Jonathan Stark. z-index: 0; } -.dissolve.in { - -webkit-animation-name: fadein; -} -.dissolve.out { - -webkit-animation-name: fadeout; -} - -.flip { - -webkit-animation-duration: .65s; -} - -.flip.in { - -webkit-animation-name: flipinfromleft; -} - -.flip.out { - -webkit-animation-name: flipouttoleft; -} - -.flip.in.reverse { - -webkit-animation-name: flipinfromright; -} - -.flip.out.reverse { - -webkit-animation-name: flipouttoright; -} - -@-webkit-keyframes flipinfromright { - from { -webkit-transform: rotateY(-180deg) scale(.8); } - to { -webkit-transform: rotateY(0) scale(1); } -} - -@-webkit-keyframes flipinfromleft { - from { -webkit-transform: rotateY(180deg) scale(.8); } - to { -webkit-transform: rotateY(0) scale(1); } -} - -@-webkit-keyframes flipouttoleft { - from { -webkit-transform: rotateY(0) scale(1); } - to { -webkit-transform: rotateY(-180deg) scale(.8); } -} - -@-webkit-keyframes flipouttoright { - from { -webkit-transform: rotateY(0) scale(1); } - to { -webkit-transform: rotateY(180deg) scale(.8); } -} /* Hackish, but reliable. */ @@ -189,143 +143,6 @@ Built by David Kaneda and maintained by Jonathan Stark. to { opacity: 1; } } -.swap { - -webkit-transform: perspective(800); - -webkit-animation-duration: .7s; -} -.swap.out { - -webkit-animation-name: swapouttoleft; -} -.swap.in { - -webkit-animation-name: swapinfromright; -} -.swap.out.reverse { - -webkit-animation-name: swapouttoright; -} -.swap.in.reverse { - -webkit-animation-name: swapinfromleft; -} - - -@-webkit-keyframes swapouttoright { - 0% { - -webkit-transform: translate3d(0px, 0px, 0px) rotateY(0deg); - -webkit-animation-timing-function: ease-in-out; - } - 50% { - -webkit-transform: translate3d(-180px, 0px, -400px) rotateY(20deg); - -webkit-animation-timing-function: ease-in; - } - 100% { - -webkit-transform: translate3d(0px, 0px, -800px) rotateY(70deg); - } -} - -@-webkit-keyframes swapouttoleft { - 0% { - -webkit-transform: translate3d(0px, 0px, 0px) rotateY(0deg); - -webkit-animation-timing-function: ease-in-out; - } - 50% { - -webkit-transform: translate3d(180px, 0px, -400px) rotateY(-20deg); - -webkit-animation-timing-function: ease-in; - } - 100% { - -webkit-transform: translate3d(0px, 0px, -800px) rotateY(-70deg); - } -} - -@-webkit-keyframes swapinfromright { - 0% { - -webkit-transform: translate3d(0px, 0px, -800px) rotateY(70deg); - -webkit-animation-timing-function: ease-out; - } - 50% { - -webkit-transform: translate3d(-180px, 0px, -400px) rotateY(20deg); - -webkit-animation-timing-function: ease-in-out; - } - 100% { - -webkit-transform: translate3d(0px, 0px, 0px) rotateY(0deg); - } -} - -@-webkit-keyframes swapinfromleft { - 0% { - -webkit-transform: translate3d(0px, 0px, -800px) rotateY(-70deg); - -webkit-animation-timing-function: ease-out; - } - 50% { - -webkit-transform: translate3d(180px, 0px, -400px) rotateY(-20deg); - -webkit-animation-timing-function: ease-in-out; - } - 100% { - -webkit-transform: translate3d(0px, 0px, 0px) rotateY(0deg); - } -} - -.cube { - -webkit-animation-duration: .55s; -} - -.cube.in { - -webkit-animation-name: cubeinfromright; - -webkit-transform-origin: 0% 50%; -} -.cube.out { - -webkit-animation-name: cubeouttoleft; - -webkit-transform-origin: 100% 50%; -} -.cube.in.reverse { - -webkit-animation-name: cubeinfromleft; - -webkit-transform-origin: 100% 50%; -} -.cube.out.reverse { - -webkit-animation-name: cubeouttoright; - -webkit-transform-origin: 0% 50%; - -} - -@-webkit-keyframes cubeinfromleft { - from { - -webkit-transform: rotateY(-90deg) translateZ(320px); - opacity: .5; - } - to { - -webkit-transform: rotateY(0deg) translateZ(0); - opacity: 1; - } -} -@-webkit-keyframes cubeouttoright { - from { - -webkit-transform: rotateY(0deg) translateX(0); - opacity: 1; - } - to { - -webkit-transform: rotateY(90deg) translateZ(320px); - opacity: .5; - } -} -@-webkit-keyframes cubeinfromright { - from { - -webkit-transform: rotateY(90deg) translateZ(320px); - opacity: .5; - } - to { - -webkit-transform: rotateY(0deg) translateZ(0); - opacity: 1; - } -} -@-webkit-keyframes cubeouttoleft { - from { - -webkit-transform: rotateY(0deg) translateZ(0); - opacity: 1; - } - to { - -webkit-transform: rotateY(-90deg) translateZ(320px); - opacity: .5; - } -} - .pop { -webkit-transform-origin: 50% 50%; }