body{ background:#333; } .symbol{ position:absolute; width:200px; height:100px; margin-left:40%; margin-top:5%; } .symbol:before,.symbol:after{ content:""; top:0px; left:0px; position:absolute; width:80px; height:80px; border:2px solid transparent; box-shadow: inset 0 0 12px #0cc, /* Inset shadow */ 0 0 12px #0cc, /* Outset shadow */ inset -999px 0 0 transparent; /* The background color */ border-radius:50px 50px 0px 50px; -moz-border-radius:50px 50px 0px 50px; transform:rotate(-45deg); } .symbol:after{ left:auto; right:0; -moz-border-radius: 50px 50px 50px 0; border-radius: 50px 50px 50px 0; transform:rotate(45deg) }