pk/atst
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

slide transition styles

Browse Source
This commit is contained in:
Andrew Croce 2018-08-14 11:26:42 -04:00
parent b773d81d75
commit b6ceeb0841
1 changed files with 36 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
styles/core/_transitions.scss Normal file
View File

@ -0,0 +1,36 @@
// Slide up/down transition
.slide-enter-active {
transform-origin: 0 0;
transition: transform 0.5s ease-out;
> * {
transition: opacity 0.5s ease-in;
}
}
.slide-leave-active {
transform-origin: 0 0;
transition: transform 0.5s ease-in;
> * {
transition: opacity 0.5s ease-out;
}
}
.slide-enter,
.slide-leave-to {
transform: scaleY(0);
> * {
opacity: 0;
}
}
.slide-enter-to,
.slide-leave {
transform: scaleY(1);
> * {
opacity: 1;
}
}