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

21 votes127 views2 answers
Remove color and underline from link css
CSS
63 votes174 views6 answers
Html center image
CSS
10 votes131 views1 answer
Css when click select another class
CSS
8 votes150 views1 answer
How to get my div to centre of primary div
CSS
0 vote165 views1 answer
Html css on class
CSS
0 vote142 views1 answer
Css width responsive
CSS
0 vote129 views1 answer
Horizontal scroll menu fade edges
CSS
0 vote142 views1 answer
Css change overflow scrollbar
CSS
1 vote130 views1 answer
Padding clamp
CSS
0 vote140 views2 answers
How to hide youtube watermark from embedded video :2021
CSS