anders/Wallet
1
0
Fork 0
Code Issues Projects Releases Packages Wiki Activity

fix easing

Browse source
This commit is contained in:
Matias Alejo Garcia 2015-05-07 18:49:30 -03:00
commit 13cdc0dc46
1 changed files with 17 additions and 56 deletions
Download patch file Download diff file Expand all files Collapse all files

73
src/css/mobile.css
View file

@ -404,9 +404,16 @@ to prevent collapsing during animation*/
position: absolute; position: absolute;
left: 0; left: 0;
right: 0; right: 0;
transition:all 0.3s linear;
-webkit-animation-fill-mode: both; animation-timing-function: ease-in-out;
animation-duration: 0.4s;
animation-iteration-count: 1;
animation-fill-mode: both; animation-fill-mode: both;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-duration: 0.4s;
-webkit-animation-iteration-count: 1;
-webkit-animation-fill-mode: both;
} }
@-webkit-keyframes CslideInUp { @-webkit-keyframes CslideInUp {
@ -436,8 +443,8 @@ to prevent collapsing during animation*/
} }
.CslideInUp { .CslideInUp {
-webkit-animation: CslideInUp 0.3s 1; -webkit-animation-name: CslideInUp;
animation: CslideInUp 0.3s 1; animation-name: CslideInUp;
z-index: 1003; z-index: 1003;
} }
@ -468,8 +475,8 @@ to prevent collapsing during animation*/
} }
.CslideOutDown { .CslideOutDown {
-webkit-animation: CslideOutDown 0.3s 1; -webkit-animation-name: CslideOutDown;
animation: CslideOutDown 0.3s 1; animation-name: CslideOutDown;
z-index: 1003; z-index: 1003;
} }
@ -500,8 +507,8 @@ to prevent collapsing during animation*/
} }
.CslideInLeft { .CslideInLeft {
-webkit-animation: CslideInLeft 0.3s 1; -webkit-animation-name: CslideInLeft;
animation: CslideInLeft 0.3s 1; animation-name: CslideInLeft;
z-index: 1003; z-index: 1003;
} }
@ -532,57 +539,11 @@ to prevent collapsing during animation*/
} }
.CslideInRight { .CslideInRight {
-webkit-animation: CslideInRight 0.3s 1; -webkit-animation-name: CslideInRight;
animation: CslideInRight 0.3s 1; animation-name: CslideInRight;
z-index: 1003; z-index: 1003;
} }
/* */
/* [ui-view].slideDown.ng-enter { */
/* -webkit-transform:translate3d(0, 0, 0); */
/* -moz-transform:translate3d(0, 0, 0); */
/* transform:translate3d(0, 0, 0); */
/* z-index:120; */
/* } */
/* */
/* [ui-view].slideDown.ng-enter-active { */
/* z-index:120; */
/* } */
/* */
/* [ui-view].slideDown.ng-leave { */
/* -webkit-transform:translate3d(0, 0, 0); */
/* z-index:100; */
/* } */
/* */
/* [ui-view].slideDown.ng-leave-active { */
/* -webkit-transform:translate3d(0, 0, 0); */
/* z-index:101; */
/* } */
/* */
[ui-view].slideRight.ng-enter {
-webkit-transform:translate3d(100%, 0, 0);
z-index:100;
}
[ui-view].slideRight.ng-enter-active {
-webkit-transform:translate3d(0, 0, 0);
z-index:100;
}
[ui-view].slideRight.ng-leave {
-webkit-transform:translate3d(0, 0, 0);
z-index:120;
}
[ui-view].slideRight.ng-leave-active {
-webkit-transform:translate3d(100%,0, 0);
z-index:120;
}
/* == */ /* == */
.icon-circle, .icon-circle-active { .icon-circle, .icon-circle-active {