Negative border radius

.player {
    width: 480px;
    height: 80px;
    border-radius:0 40px 40px 0;
    background-color:#0000FF;
    position:relative;    
    color:#FFF;
}

.player:before
{
    width: 80px;
    height: 80px;
    border-radius:0 40px 40px 0;
    background-color:#FFF;    
    display:inline-block;
    vertical-align: middle;
    margin-right: 10px;
    content: '';
}

Source: stackoverflow.com

Similar codes

2 votes235 views2 answers
Box shadow all sides w3schools
CSS
0 vote287 views1 answer
Qgraphicsscene get viewport width
CSS
0 vote301 views1 answer
Mitmf install
CSS
29 votes308 views2 answers
How to horizontal center a div in css
CSS
0 vote292 views1 answer
Css id with mask wildcard
CSS
1 vote261 views1 answer
-webkit css
CSS
-1 vote323 views1 answer
How to make white image black in css
CSS
0 vote290 views1 answer
Trim background image css
CSS
2 votes302 views1 answer
Flex align top css
CSS
0 vote321 views1 answer
Ecto generator create new mvc
CSS