Skip to content

Instantly share code, notes, and snippets.

@gabrielfreirebraz

gabrielfreirebraz/style-global-as-background-opacity.css

Last active January 27, 2024 22:35
Show Gist options
  • Save gabrielfreirebraz/57bfb6ebec9be118657dacc3be3bd112 to your computer and use it in GitHub Desktop.
Save gabrielfreirebraz/57bfb6ebec9be118657dacc3be3bd112 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
style-global-as-background-opacity.css
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background: transparent;
overflow-x: hidden;
margin: 0;
padding: 0;
height: 100%;
// hack background opacity
&::before {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: 100%;
background: url("/path/to/background-image/myimage.png")
no-repeat center center;
background-size: cover;
opacity: 0.1;
content: "";
z-index: -1;
}
}
html {
font-size: 16px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment