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 vote157 views1 answer
Bootstrap progress bar animation not working
CSS Bootstrap
0 vote140 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
0 vote123 views1 answer
Css linear gradient 25% of page
CSS
0 vote111 views1 answer
Multiple css media queries
CSS
0 vote163 views1 answer
Bootstrap ol
CSS Bootstrap
109 votes124 views6 answers
Position absolute
CSS
1 vote120 views4 answers
Add css to django
CSS
0 vote132 views1 answer
Terminal download website source code
CSS
13 votes146 views6 answers
Bootstrap Badges
CSS Bootstrap
0 vote117 views1 answer
Window popup hide address bar
CSS