<style>
#banner { padding: 20px 0; background: url(../images/img.jpg) no-repeat top; background-size: cover; position: relative; background-position: 50% 30%; min-height: 500px;}
#contact-page:before { position: absolute; content: ""; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.6);}
</style>
<section id="banner">
<h3>Banner Overlay Effect </h3>
</section>
#banner { padding: 20px 0; background: url(../images/img.jpg) no-repeat top; background-size: cover; position: relative; background-position: 50% 30%; min-height: 500px;}
#contact-page:before { position: absolute; content: ""; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.6);}
</style>
<section id="banner">
<h3>Banner Overlay Effect </h3>
</section>
No comments :
Post a Comment