Here we’ll show you how to alter the opacity of an HTML element using the CSS3 opacity property.
Example HTML & CSS Code:
<title>320px by 480px</title>
border:2px solid #333;
<img src=”football.jpg” width=”320px” alt=”NFL 2015″ />
If you take note of the style section on the head part of the above HTML code, you can see that I have made the image have a solid background color. You can experiment with the color used here to give the opaque image different effects. Also experiment with the opacity setting of the image which can be anything between 0 and 1.