Tinted Hero
See the Pen Tinted Hero by luishj (@luishj) on CodePen.
Tinted Hero
Description: A quick way to tint a typical hero in websites. Just use a pseudo class instead of another div.tint: .hero:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 7, 100, .6); }.
Browsers: Chrome Edge Firefox Opera Safari
Posted: 6.12.2013