javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

update values for .reverse animations

Browse Source
This commit is contained in:
Adam Bradley
2013-11-27 21:08:46 -06:00
parent fc909e1612
commit c2f812f0f2
2 changed files with 54 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
dist/css/ionic.css vendored
View File

@@ -3207,7 +3207,7 @@ a.subdued {
background-color: #fff; }
.menu-content {
box-shadow: -1px 0px 3px rgba(0, 0, 0, 0.2), 1px 0px 3px rgba(0, 0, 0, 0.2); }
box-shadow: -1px 0px 2px rgba(0, 0, 0, 0.2), 1px 0px 2px rgba(0, 0, 0, 0.2); }
.menu-left {
left: 0; }
@@ -5056,6 +5056,10 @@ a.button {
-moz-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
/**
* iOS7 style slide left to right
* --------------------------------------------------
*/
.slide-left-right-ios7 > .ng-enter, .slide-left-right-ios7.ng-enter, .slide-left-right-ios7 > .ng-leave, .slide-left-right-ios7.ng-leave {
-webkit-transition: all 250ms;
-moz-transition: all 250ms;
@@ -5068,16 +5072,18 @@ a.button {
right: 0;
bottom: 0;
left: 0;
box-shadow: -1px 0px 3px rgba(0, 0, 0, 0.2), 1px 0px 3px rgba(0, 0, 0, 0.2); }
box-shadow: -1px 0px 2px rgba(0, 0, 0, 0.2), 1px 0px 2px rgba(0, 0, 0, 0.2); }
.slide-left-right-ios7 > .ng-enter, .slide-left-right-ios7.ng-enter {
-webkit-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
.slide-left-right-ios7 > .ng-enter.ng-enter-active, .slide-left-right-ios7.ng-enter.ng-enter-active {
/* the NEW content actively sliding IN from RIGHT to LEFT */
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.slide-left-right-ios7 > .ng-leave.ng-leave-active, .slide-left-right-ios7.ng-leave.ng-leave-active {
/* the OLD content actively sliding OUT from RIGHT to LEFT */
-webkit-transform: translate3d(-20%, 0, 0);
-moz-transform: translate3d(-20%, 0, 0);
transform: translate3d(-20%, 0, 0); }
@@ -5094,17 +5100,19 @@ a.button {
bottom: 0;
left: 0; }
.slide-left-right-ios7.reverse > .ng-enter, .slide-left-right-ios7.reverse.ng-enter {
-webkit-transform: translate3d(-20%, 0, 0);
-moz-transform: translate3d(-20%, 0, 0);
transform: translate3d(-20%, 0, 0); }
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
.slide-left-right-ios7.reverse > .ng-enter.ng-enter-active, .slide-left-right-ios7.reverse.ng-enter.ng-enter-active {
/* the NEW content actively sliding IN from LEFT to RIGHT */
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.slide-left-right-ios7.reverse > .ng-leave.ng-leave-active, .slide-left-right-ios7.reverse.ng-leave.ng-leave-active {
-webkit-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
/* the OLD content actively sliding OUT from LEFT to RIGHT */
-webkit-transform: translate3d(20%, 0, 0);
-moz-transform: translate3d(20%, 0, 0);
transform: translate3d(20%, 0, 0); }
@-webkit-keyframes slideInLeft {
0% {