Skip to content

Instantly share code, notes, and snippets.

@Takerrim

Takerrim/Double bg

Last active July 30, 2018 13:43
Show Gist options
  • Save Takerrim/4ab899758d3ed54e8f80394af896fa2b to your computer and use it in GitHub Desktop.
Save Takerrim/4ab899758d3ed54e8f80394af896fa2b to your computer and use it in GitHub Desktop.
Download ZIP
double bg
Raw
Double bg
header
height: 100vh
background: url(../images/bg-header.jpg) no-repeat center/cover
position: relative
width: 100%
&:before
content: ''
position: absolute
top: 0
right: 0
bottom: 0
left: 0
opacity: 0.85
background: linear-gradient(to right, #1be8bf, #0bb4bf)
header
height: 750px
background: url(../images/bg-header.jpg) no-repeat center/cover
position: absolute
z-index: -1
width: 100%
&:before
content: ''
position: absolute
top: 0
right: 0
bottom: 0
left: 0
z-index: -1
opacity: 0.85
background: linear-gradient(to right, #1be8bf, #0bb4bf)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment