Skip to content

Instantly share code, notes, and snippets.

@marisqaporter

marisqaporter/Background Image and Color

Created March 2, 2018 22:29
Show Gist options
  • Save marisqaporter/6da2c1b719823d403bade3c8293b20ce to your computer and use it in GitHub Desktop.
Save marisqaporter/6da2c1b719823d403bade3c8293b20ce to your computer and use it in GitHub Desktop.
Download ZIP
Background Image and Color with opacity on Image
Raw
Background Image and Color
.headline {
background: #0055b7 url(../images/menorah-ko.png) no-repeat 50px;
color: white;
overflow-x: hidden;
background-size: 30%;
position:relative;
}
Raw
background.css
.headline {
background: #0055b7 ;
color: white;
overflow-x: hidden;
position:relative;
}
.headline::after {
content: "";
background: url(../images/menorah-ko.png) no-repeat 50px;
opacity: 0.55;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
background-size: 30%;
z-index: 999;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment