mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 19:57:22 +08:00
41 lines
683 B
SCSS
41 lines
683 B
SCSS
|
|
$transition-duration: 500ms;
|
|
|
|
|
|
.nav-pane {
|
|
display: none;
|
|
|
|
&.shown {
|
|
display: block;
|
|
}
|
|
&[animate] {
|
|
display: block;
|
|
transition: $transition-duration linear;
|
|
}
|
|
|
|
&[animate=enter] {
|
|
transform: translate3d(100%,0,0);
|
|
&.start {
|
|
transform: translate3d(0,0,0);
|
|
}
|
|
}
|
|
&[animate=enter-reverse] {
|
|
transform: translate3d(-100%,0,0);
|
|
&.start {
|
|
transform: translate3d(0,0,0);
|
|
}
|
|
}
|
|
&[animate=leave-reverse] {
|
|
transform: translate3d(0,0,0);
|
|
&.start {
|
|
transform: translate3d(-100%,0,0);
|
|
}
|
|
}
|
|
&[animate=leave] {
|
|
transform: translate3d(0,0,0);
|
|
&.start {
|
|
transform: translate3d(100%,0,0);
|
|
}
|
|
}
|
|
}
|