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

6 votes162 views3 answers
Position absolute horizontally center
CSS
31 votes155 views6 answers
Linear gradient
CSS
0 vote169 views1 answer
Icon float right side input css
CSS
0 vote161 views1 answer
Css remove white space below footer
CSS
1 vote153 views1 answer
Hex code for khaki
CSS
1 vote167 views1 answer
No li style
CSS
0 vote158 views1 answer
Css img src
CSS
0 vote160 views1 answer
Div style how to wrap around
CSS
98 votes167 views6 answers
Css center
CSS
12 votes151 views4 answers
Sticky header
CSS