mirror of
https://github.com/muerwre/vault-frontend.git
synced 2025-04-24 20:36:40 +07:00
animate sidebar appearance
This commit is contained in:
parent
bb488b73d9
commit
8b6b338a47
1 changed files with 5 additions and 10 deletions
|
@ -1,15 +1,10 @@
|
||||||
@import 'src/styles/variables';
|
@import 'src/styles/variables';
|
||||||
|
|
||||||
@keyframes appear {
|
|
||||||
0% {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes slideIn {
|
@keyframes slideIn {
|
||||||
|
0% {
|
||||||
|
transform: translate(50%, 0);
|
||||||
|
}
|
||||||
|
|
||||||
100% {
|
100% {
|
||||||
transform: translate(0, 0);
|
transform: translate(0, 0);
|
||||||
}
|
}
|
||||||
|
@ -23,7 +18,7 @@
|
||||||
z-index: 26;
|
z-index: 26;
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
// animation: appear 0.25s forwards;
|
animation: slideIn 0.5s forwards;
|
||||||
|
|
||||||
& > * {
|
& > * {
|
||||||
z-index: 4;
|
z-index: 4;
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue