Hopiu/jquery-mobile
1
0
Fork 0
mirror of https://github.com/Hopiu/jquery-mobile.git synced 2026-03-16 22:10:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

removed the experimental rotate transition

Browse source
This commit is contained in:
scottjehl 2012-01-09 16:20:24 +07:00
parent 984edf8cc7
commit a237c5f2e1
1 changed files with 0 additions and 72 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

72
css/structure/jquery.mobile.transitions.rotate.css
View file

@ -1,72 +0,0 @@
@-webkit-keyframes rotateinfromleft {
from { -webkit-transform: rotate(-180deg); }
to { -webkit-transform: rotate(0deg); }
}
@-moz-keyframes rotateinfromleft {
from { -moz-transform: rotate(-180deg); }
to { -moz-transform: rotate(0deg); }
}
@-webkit-keyframes rotateinfromright {
from { -webkit-transform: rotate(180deg); }
to { -webkit-transform: rotate(0deg); }
}
@-moz-keyframes rotateinfromright {
from { -moz-transform: rotate(180deg); }
to { -moz-transform: rotate(0deg); }
}
@-webkit-keyframes rotateouttoright {
from { -webkit-transform: rotate(0deg); }
to { -webkit-transform: rotate(180deg); }
}
@-moz-keyframes rotateouttoright {
from { -moz-transform: rotate(0deg); }
to { -moz-transform: rotate(180deg); }
}
@-webkit-keyframes rotateouttoleft {
from { -webkit-transform: rotate(0deg); }
to { -webkit-transform: rotate(-180deg); }
}
@-moz-keyframes rotateouttoleft {
from { -moz-transform: rotate(0deg); }
to { -moz-transform: rotate(-180deg); }
}
.rotate {
-webkit-transform-origin: 50% 100%;
-webkit-transform-origin: 50% 100%;
}
.rotate.out {
-webkit-transform: rotate(-180deg);
-webkit-animation-name: rotateouttoleft;
-moz-transform: rotate(-180deg);
-moz-animation-name: rotateouttoleft;
}
.rotate.in {
-webkit-transform: rotate(0deg);
-webkit-animation-name: rotateinfromright;
-moz-transform: rotate(0deg);
-moz-animation-name: rotateinfromright;
}
.rotate.out.reverse {
-webkit-transform: rotate(180deg);
-webkit-animation-name: rotateouttoright;
-moz-transform: rotate(180deg);
-moz-animation-name: rotateouttoright;
}
.rotate.in.reverse {
-webkit-transform: rotate(0deg);
-webkit-animation-name: rotateinfromleft;
-moz-transform: rotate(0deg);
-moz-animation-name: rotateinfromleft;
}