moritzruth/moritzruth.de
1
0
Fork 0
Code Activity Actions

Make / fade in

Browse source
This commit is contained in:
Moritz Ruth 2020-08-08 18:40:25 +02:00
parent 5babe2767b
commit 5bc19ea5c0
No known key found for this signature in database
GPG key ID: AFD57E23E753841B
2 changed files with 13 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

3
components/NavigationBar.vue
View file

@ -76,8 +76,7 @@
background: transparent; background: transparent;
.navigation-bar--show-background & { .navigation-bar--show-background & {
background: transparentize(colors.$background, 0.8); background: transparentize(colors.$background, 0.05);
backdrop-filter: blur(10px);
} }
} }

12
pages/index.vue
View file

@ -45,6 +45,18 @@
background: colors.$background; background: colors.$background;
color: colors.$background-c; color: colors.$background-c;
width: 100vw; width: 100vw;
animation: 4s ease both fade-in;
}
@keyframes fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
} }
.index-page__background { .index-page__background {