<!DOCTYPE html> <html> <head> <style> .transparency{ opacity: 0.5; } .default{ opacity: 1; } </style> </head> <body> <h1>Image Transparency</h1> <p>The transparency of an element is specified through the opacity attribute. The value is more apparent the lower it is:</p> <p>Image with 50% opacity:</p> <img src="examples/resources/image-tree.png" class="transparency" alt="Tree" width="170" height="100"> <br><br><br> <h2>Default Image</h2> <img src="examples/resources/image-tree.png" class="default" alt="Tree" width="170" height="100"> </body> </html>