javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-06 22:29:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

Better modal animation

Browse Source
This commit is contained in:
Max Lynch
2013-09-24 17:00:35 -05:00
parent 26e259be8e
commit 5aabbfbd0c
2 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
dist/ionic.css vendored
View File

@ -2140,11 +2140,11 @@ a.button {
} }
*/ */
.slide-in-up.enter { .slide-in-up.enter {
-webkit-transition: -webkit-transform 0.25s, opacity 0.25s; -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
transition: transform 0.25s, opacity 0.25s; transition: transform 0.4s, opacity 0.4s;
-webkit-transform: translate3d(0, 100%, 0); -webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);
-webkit-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); } -webkit-transition-timing-function: cubic-bezier(0.1, 0.6, 0.1, 1); }
.slide-in-up.enter-active { .slide-in-up.enter-active {
-webkit-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } transform: translate3d(0, 0, 0); }

6
scss/ionic/_animations.scss
View File

@ -1,4 +1,4 @@
$bezier-function: cubic-bezier(.1, .5, .1, 1); $bezier-function: cubic-bezier(.1, .6, .1, 1);
/* /*
.slide-in-up.enter { .slide-in-up.enter {
@ -12,8 +12,8 @@ $bezier-function: cubic-bezier(.1, .5, .1, 1);
.slide-in-up { .slide-in-up {
&.enter { &.enter {
-webkit-transition: -webkit-transform .25s, opacity .25s; -webkit-transition: -webkit-transform .4s, opacity .4s;
transition: transform .25s, opacity .25s; transition: transform .4s, opacity .4s;
-webkit-transform: translate3d(0, 100%, 0); -webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);