It can be done with CSS3's radial gradients:
CSS:
div{
background:
radial-gradient(
circle at -40px 50px,
transparent 80px,
red 80px
);
height: 100px;
width: 100px;
}
body { background-color: blue; }
Question
Is it possible to do this kind of thing with CSS?
From my Googling, I can't find anything helpful.
Solution
It can be done with CSS3's radial gradients:
CSS:
div{
background:
radial-gradient(
circle at -40px 50px,
transparent 80px,
red 80px
);
height: 100px;
width: 100px;
}
body { background-color: blue; }
OTHER TIPS
this may work... but just if a plain background color I'm afraid:
change the:
div:before {
background-color:white;
}
to the color your background use