Its result is a . Using the linear-gradient property, a black colored background is used as the front layer and the image to be darkened is used as the back layer. There are many different ways image opacity is used on the web, this guide will describe how to change an image opacity level. Let’s start with an example of an image being shown with 50% transparency. CSS