gazesys/website
gazesys/website
1
0
Fork 1
Code Actions Releases 1 Activity

feat: add opacity change to window anim

Browse Source
This commit is contained in:
dusk 2024-09-24 01:13:54 +03:00
parent f94170f48b
commit 6b43208e49
Signed by: dusk
SSH Key Fingerprint: SHA256:Abmvag+juovVufZTxyWY8KcVgrznxvBjQpJesv071Aw
1 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/styles/app.css
View File

@ -212,36 +212,51 @@ a.app-selected-route {
@keyframes window-open-scale { @keyframes window-open-scale {
0% { 0% {
transform: scale(0.0); transform: scale(0.0);
opacity: 0.0;
} }
30% { 30% {
transform: scale(0.0); transform: scale(0.0);
} }
60% {
opacity: 0.5;
}
100% { 100% {
transform: scale(1.0); transform: scale(1.0);
opacity: 1.0;
} }
} }
@keyframes window-open-scale-vertical { @keyframes window-open-scale-vertical {
0% { 0% {
transform: scale(1.0, 0.0); transform: scale(1.0, 0.0);
opacity: 0.0;
} }
30% { 30% {
transform: scale(1.0, 0.0); transform: scale(1.0, 0.0);
} }
60% {
opacity: 0.5;
}
100% { 100% {
transform: scale(1.0, 1.0); transform: scale(1.0, 1.0);
opacity: 1.0;
} }
} }
@keyframes window-open-scale-horizontal { @keyframes window-open-scale-horizontal {
0% { 0% {
transform: scale(0.0, 1.0); transform: scale(0.0, 1.0);
opacity: 0.0;
} }
30% { 30% {
transform: scale(0.0, 1.0); transform: scale(0.0, 1.0);
} }
60% {
opacity: 0.5;
}
100% { 100% {
transform: scale(1.0, 1.0); transform: scale(1.0, 1.0);
opacity: 1.0;
} }
} }
} }