overlaying a div on top of an image, how to make div partly transparent and partly greyed out?

Vote count:

0

I am making a page on my mobile app that can crop images.

What I'd like to do is have a div overlayed on top of my image. This div will have a box within it, and that box should be transparent so that you can see the part of the image you want to keep. Outside the box, I want the image to be shaded.

This image below is an example of what I want to do, except instead of the fancy border I can just have a regular border.

Is this possible with css or javascript?

(Ps I know the below is a software program, but just imagine the picture is html and that's what i'm trying to accomplish)

asked 1 min ago

Chowza

966

overlaying a div on top of an image, how to make div partly transparent and partly greyed out?