mirror of
https://github.com/LCPQ/QUESTDB_website.git
synced 2024-08-25 13:41:50 +02:00
Fallback when backdrop-filter or -webkit-backdrop-filter not exist like in FireFox
This commit is contained in:
parent
3d92e97ffb
commit
7d5d38a1e9
@ -3,17 +3,21 @@
|
||||
with position:fixed. Width, height, top and left speak
|
||||
for themselves. Background we set to 80% white with
|
||||
our animation centered, and no-repeating */
|
||||
.modal {
|
||||
display: none;
|
||||
position: fixed;
|
||||
z-index: 1000;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
.modal {
|
||||
background-color: rgba(255, 255, 255, .9);
|
||||
|
||||
@supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) {
|
||||
display : none;
|
||||
position : fixed;
|
||||
z-index : 1000;
|
||||
top : 0;
|
||||
left : 0;
|
||||
height : 100%;
|
||||
width : 100%;
|
||||
-webkit-backdrop-filter: blur(20px);
|
||||
backdrop-filter: blur(20px);
|
||||
background-color: rgba(255,255,255,.3);
|
||||
backdrop-filter : blur(20px);
|
||||
background-color : rgba(255, 255, 255, .3);
|
||||
}
|
||||
}
|
||||
|
||||
/* When the body has the loading class, we turn
|
||||
@ -26,12 +30,13 @@ body.loading .modal {
|
||||
modal element will be visible */
|
||||
body.loading .modal {
|
||||
display: block;
|
||||
cursor: wait
|
||||
cursor : wait
|
||||
}
|
||||
|
||||
.modal .content {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
position : absolute;
|
||||
left : 50%;
|
||||
top : 50%;
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%);
|
||||
transform : translate(-50%, -50%);
|
||||
}
|
Loading…
Reference in New Issue
Block a user