LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code

CSS Tinted Background Overlay

Photo by Jason Ortego

CSS
html,
body {
  height: 100%;
}

body {
  font-family: sans-serif;
}

.tint {
  background: linear-gradient(
    rgba(0, 0, 0, .6),
    rgba(0, 0, 0, .1)),
    url("https://images.unsplash.com/photo-1420745981456-b95fe23f5753?dpr=1&auto=format&fit=crop&w=1000&q=80&cs=tinysrgb") 50% / cover fixed;
  height: 100%;
  padding: 1.5em;
}

h1 {
  margin-bottom: .25em;
}

h1,
p,
a {
  color: rgba(255, 255, 255, .95);
}

Description

Applying a full-screen tint over a background image that can be adjusted as a linear-gradient.
Term
Wed, 11/29/2017 - 13:57

Related Codes

Pen ID
Pen ID
Pen ID
Square Adv