Transparent circle in css

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

Transparent circle css

.carousel-indicators > li {
    border-radius: 50%;
    width: 12px;
    height: 12px;
    border:2px solid white;
    background:white;
    color:white;
  }

Source: grepper.com

Similar codes

0 vote155 views1 answer
Css grow animation
CSS
6 votes128 views2 answers
Remove outline of input css
CSS
0 vote137 views1 answer
Choose grid position html
CSS
0 vote165 views1 answer
Css tips and tricks to handle the complicated stuffs in design part which is helpfull to handle at tha critical time and to deliver requirement to the client to the main resource
CSS
7 votes125 views3 answers
Embed google font css
CSS
0 vote125 views1 answer
If i forked and cloned a github repo can i change the name
CSS
0 vote129 views1 answer
How to add color to a image css
CSS
0 vote245 views1 answer
Insert a new key value in an object of an array
CSS
0 vote123 views1 answer
How to manage overflowing text in button
CSS
11 votes132 views2 answers
How to change image position in css
CSS