muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 12:56:41 +07:00
Code Packages Activity Actions

added fading animations

Browse source
This commit is contained in:
Fedor Katurov 2020-09-11 13:27:04 +07:00
parent d935e9de42
commit 0f09078bbf
3 changed files with 78 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

43
src/styles/global.scss
View file

@ -154,3 +154,46 @@ a {
::-webkit-scrollbar-corner {
background: transparent;
}
@keyframes fading {
0% {
opacity: 1;
background: red;
transform: rotate(45deg);
}
100% {
opacity: 0;
background: blue;
transform: rotate(-45deg);
}
}
:global {
.fade-enter {
opacity: 0;
transition: opacity 0.5s;
&-active {
opacity: 1;
transition: opacity 0.5s;
}
&-done {
opacity: 1;
}
}
.fade-exit {
opacity: 1;
transition: opacity 0.5s;
&-active {
opacity: 0;
transition: opacity 0.5s;
}
&-done {
opacity: 0;
}
}
}