1
Fork 0
mirror of https://github.com/Steffo99/festa.git synced 2024-12-23 15:14:23 +00:00
festa/styles/components/postcard.css

31 lines
533 B
CSS
Raw Normal View History

2022-06-04 03:13:19 +00:00
.postcard {
width: 100vw;
height: 100vh;
background-attachment: fixed;
background-size: cover;
2022-06-07 11:41:26 +00:00
background-position: 50% 50%;
2022-06-04 03:13:19 +00:00
position: fixed;
top: 0;
left: 0;
user-select: none;
pointer-events: none;
}
.postcard-background {
2022-06-09 21:43:38 +00:00
z-index: -1;
filter: blur(7px) contrast(50%) brightness(50%);
}
2022-06-08 02:53:52 +00:00
@media (prefers-color-scheme: light) {
.postcard-background {
2022-06-08 02:53:52 +00:00
filter: blur(7px) contrast(25%) brightness(175%);
}
}
.postcard-foreground {
z-index: 1;
filter: none;
}