·

12.02K

· simek

Simple example:

.any-tag {
 width: 100px;
 height: 100px;
 display: block;
 position: relative;
}

.any-tag:after {
 width: 100px;
 height: 100px;
 top: 0;
 left: 0;
 position: absolute;
 z-index: -1;
 content: "";
 background: url(url-to-your-image);
 opacity: .5;
}

Codepen Demo: http://codepen.io/Simek/pen/JfaKr

Related protips

Have a fresh tip? Share with Coderwall community!

Post

Post a tip

Sponsored by

#native_company#

#native_desc#

#native_cta#

Filed Under

Accelerate Your Web Development Skills

Post a job for only 299ドル

Sponsored by #native_company# — Learn More