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

0 vote152 views2 answers
Webpack animate.css
CSS
29 votes180 views1 answer
Boxsahdow
CSS
2 votes235 views2 answers
Css resize image to fit div no stretching
CSS
0 vote179 views1 answer
Button two lines on ipad
CSS
0 vote156 views1 answer
Javascript select element that does not have attribute
CSS
13 votes169 views4 answers
How to move an image up in css
CSS
46 votes146 views2 answers
Customize scrollbar
CSS
0 vote152 views1 answer
Twig convert encoding
CSS
64 votes142 views6 answers
Center image html
CSS
0 vote167 views1 answer
Dropdown size based on text
CSS