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; }
Pregunta
Is it possible to do this kind of thing with CSS?
From my Googling, I can't find anything helpful.
Solución
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; }
Otros consejos
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