Transparent circle in a div

div{
    position:relative;
    width:500px; height:200px;
    margin:0 auto;
    overflow:hidden;
}
div:after{
    content:'';
    position:absolute;
    left:175px; top:25px;
    border-radius:100%;
    width:150px; height:150px;
    box-shadow: 0px 0px 0px 2000px #E3DFD2;
}

body{background: url('https://farm9.staticflickr.com/8760/17195790401_ceeeafcddb_o.jpg');background-size:cover;}

Source: stackoverflow.com

Similar codes

2 votes245 views1 answer
Warning: LF will be replaced by CRLF in Design/css/bootstrap.min.css.
CSS Bootstrap
0 vote168 views1 answer
Ul text decoration css
CSS
0 vote169 views1 answer
Value error w2 should be positive but is
CSS
1 vote136 views1 answer
Sm size website
CSS
0 vote172 views1 answer
How to remove default padding of div
CSS
1 vote184 views1 answer
Width defined by content css
CSS
3 votes176 views2 answers
How to split a background into two color in css
CSS
-1 vote185 views1 answer
Css tricks
CSS
0 vote166 views2 answers
How to change svg image color on hover using css
CSS
0 vote169 views1 answer
Unable to locate package neo4j
CSS