mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-07 06:57:02 +08:00
43 lines
1.1 KiB
SCSS
43 lines
1.1 KiB
SCSS
$bezier-function: cubic-bezier(.1, .5, .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 {
|
|
-webkit-transform: translate3d(0, 100%, 0);
|
|
transform: translate3d(0, 100%, 0);
|
|
|
|
-webkit-transition-timing-function: $bezier-function;
|
|
|
|
&.enter {
|
|
|
|
-webkit-transition: -webkit-transform .25s, opacity 1ms .25s;
|
|
transition: transform .25s, opacity 1ms .25s;
|
|
|
|
}
|
|
|
|
&.enter-active {
|
|
-webkit-transition: -webkit-transform .25s;
|
|
transition: transform .25s;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
|
|
&.leave {
|
|
-webkit-transition: -webkit-transform .25s, opacity 1ms .25s;
|
|
transition: transform .25s, opacity 1ms .25s;
|
|
}
|
|
|
|
&.leave-active {
|
|
-webkit-transform: translate3d(0, 100%, 0);
|
|
transform: translate3d(0, 100%, 0);
|
|
}
|
|
}
|