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

0 vote115 views1 answer
Display content in column css
CSS
0 vote115 views2 answers
Ios sms css
CSS
0 vote106 views1 answer
How to stilize title property css
CSS
1 vote123 views1 answer
Css flip svg
CSS
1 vote73 views1 answer
Css hover lighten background color
CSS
0 vote113 views1 answer
Android studio cardview background transparent
CSS
16 votes111 views2 answers
Css hiddden
CSS
0 vote125 views1 answer
Css 2 divs nebeneinander
CSS
0 vote137 views1 answer
Circle css animation
CSS
-1 vote109 views1 answer
Asp.net set css class in code behind
CSS