Cut out transparent circle with CSS3

Question

I want to make this shape in CSS3. Is it possible? :S

My plan is to pu

Answer 1

I stand Corrected! You CAN create SOME complex shapes using CSS3 only.. Thanks for sharing all the solutions.

Ignore the following: No, you cannot create complex shapes using just CSS3. You can create them using SVG or HTML5 Canvas. If I understand your question correctly, you just want to add an image with with transparency as a background image? To do that, just create an image with a transparent background (.gif, .png, .svg) and use that. Images with transparent regions can be used with CSS3.