holm/the-glorious-startpage
1
0
Fork 0
forked from extern/the-glorious-startpage
Code Issues Pull Requests Packages Projects Releases Wiki Activity

blur overlay css update

Browse Source
This commit is contained in:
Gerome Matilla 2020-06-10 06:58:04 +08:00
parent 60ebe8c57a
commit a9329109e5
1 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
css/centered-box-overlay.css
View File

@ -1,7 +1,8 @@
#centeredBoxOverlay { #centeredBoxOverlay {
background: transparent; background: transparent;
opacity: 0; opacity: 0;
backdrop-filter: blur(var(--blur-strength)); backdrop-filter: blur(0);
filter: brightness(70%);
position: absolute; position: absolute;
top: 0; top: 0;
@ -12,12 +13,13 @@
margin: 0; margin: 0;
padding: 0; padding: 0;
z-index: -1; z-index: -1;
filter: brightness(70%); transition: opacity var(--transition-speed),
transition: opacity var(--transition-speed), z-index var(--transition-speed); z-index var(--transition-speed),
backdrop-filter var(--transition-speed);
} }
#centeredBoxOverlay.showOverlay { #centeredBoxOverlay.showOverlay {
transition: opacity var(--transition-speed);
opacity: 1; opacity: 1;
z-index: 0; z-index: 0;
backdrop-filter: blur(var(--blur-strength))
} }