What is the benefit of styling an image with opacity? Using CSS3 syntax, what would be the code to set the "opacity" property at 50%.

What will be an ideal response?

1) By changing the opacity of an image, you can increase its contrast with other page elements or make it more closely match a site's design.


2)  The standard CSS3 syntax uses the "opacity" property with a decimal value from 0 (fully transparent) to 1 (fully opaque). To set 50% opacity, you could use the code: opacity: 0.5;