mirror of
https://github.com/Steffo99/festa.git
synced 2024-10-16 15:07:27 +00:00
32 lines
No EOL
505 B
CSS
32 lines
No EOL
505 B
CSS
.postcard {
|
|
width: 100vw;
|
|
height: 100vh;
|
|
|
|
object-fit: cover;
|
|
object-position: 50% 50%;
|
|
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
|
|
user-select: none;
|
|
pointer-events: none;
|
|
|
|
z-index: -1;
|
|
}
|
|
|
|
.postcardBackground {
|
|
z-index: -1;
|
|
filter: blur(7px) contrast(50%) brightness(50%);
|
|
}
|
|
|
|
@media (prefers-color-scheme: light) {
|
|
.postcardBackground {
|
|
filter: blur(7px) contrast(25%) brightness(175%);
|
|
}
|
|
}
|
|
|
|
.postcardForeground {
|
|
z-index: 1;
|
|
filter: none;
|
|
} |