Computer scienceFrontendCSSBasic propertiesCommon properties

Opacity

Theory

Inspirational Phrase

Report a typo

Zoe is making a website and she wants to put some images with famous quotes on it to inspire people. But things aren't working out the way she wants. She wants the background image to be semi-transparent.
Set the opacity value of the img tag to make it semi-transparent, so that the image looks just like Zoe wants.

Write HTML and CSS code
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Inspirational Phrase</title>
</head>
<body>
<p>"Together we can face any challenges as deep as the ocean and as high as the sky."<br> - Sonia Gandhi</p>
<img src="https://images.pexels.com/photos/2775196/pexels-photo-2775196.jpeg">
</body>
</html>
Completed 3 of 4
The <img> tag has the correct opacity value.
The code is valid
___

Create a free account to access the full topic