How do I add a dark wash over a photo?

Tips and tricks from Tamara Olson Designs

Make sure your container is positioned relative, and add this to your CSS:


.div-with-wash:before {
content: '\A';
position: absolute;
width: 100%;
height: 100%;
background: rgba(0,0,0,.5);
top: 0;
left: 0;
}


Share Your Thoughts

About the Author

TamaraAuthorPhoto

Tamara Olson is a self-employed UX designer and WordPress developer living in New York City.

Tamara Olson Designs Case Studies