mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-07 15:07:13 +08:00
40 lines
985 B
SCSS
40 lines
985 B
SCSS
$bezier-function: cubic-bezier(.1, .7, .1, 1);
|
|
|
|
/*
|
|
.slide-in-up.enter {
|
|
-webkit-transform: translate3d(0, 100%, 0);
|
|
transform: translate3d(0, 100%, 0);
|
|
|
|
-webkit-transition: -webkit-transform .25s ease-in-out, opacity 1ms .25s;
|
|
transition: transform .25s ease-in-out, opacity 1ms .25s;
|
|
}
|
|
*/
|
|
|
|
.slide-in-up {
|
|
&.enter {
|
|
-webkit-transition: -webkit-transform .4s, opacity .4s;
|
|
transition: transform .4s, opacity .4s;
|
|
|
|
-webkit-transform: translate3d(0, 100%, 0);
|
|
transform: translate3d(0, 100%, 0);
|
|
|
|
-webkit-transition-timing-function: $bezier-function;
|
|
|
|
}
|
|
|
|
&.enter-active {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
|
|
&.leave {
|
|
-webkit-transition: -webkit-transform .25s, opacity .25s;
|
|
transition: transform .25s, opacity .25s;
|
|
}
|
|
|
|
&.leave-active {
|
|
-webkit-transform: translate3d(0, 100%, 0);
|
|
transform: translate3d(0, 100%, 0);
|
|
}
|
|
}
|