the-glorious-startpage/css/centeredbox/centered-box-overlay.css
Gerome Matilla ae6e1254ea
Quality control (#27)
* fix paddings on screen

* fix  test Variable Assigned to Object Injection Sink

* fix parse int missing base

* fix security issues(regex not included)

* fix missing base

* fixes padding

* minor fixes

* regex

* cleanup

* minor cleanup in webmenu

* cleanups

* cleanups spaces to tab

* cleanups

* spacing tabs fixes test

* cleanup

* cleanup

* multitransition new line

* cleanup

* cleanup

* cleanup

* cleanup

* readme

* comments

* cleanup

* Avoid assignments in operands

* cleanup
2020-06-16 20:07:54 +08:00

26 lines
478 B
CSS

#centeredBoxOverlay {
background: transparent;
opacity: 0;
backdrop-filter: blur(0) brightness(100%);
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
margin: 0;
padding: 0;
z-index: -1;
transition:
opacity var(--transition-speed),
z-index var(--transition-speed),
backdrop-filter var(--transition-speed);
}
#centeredBoxOverlay.showOverlay {
opacity: 1;
z-index: 0;
backdrop-filter: blur(var(--blur-strength)) brightness(70%);
}