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

20 votes318 views5 answers
Css coor background
CSS
21 votes373 views2 answers
Ul css in one line
CSS
0 vote338 views1 answer
Table td data in middle
CSS
0 vote335 views1 answer
How to stilize title property css
CSS
0 vote383 views1 answer
How to set unclickable checkbox using css
CSS
0 vote399 views1 answer
Css inherit class
CSS
8 votes364 views3 answers
Text break css
CSS
4 votes332 views1 answer
Striped tables css
CSS
4 votes340 views1 answer
Flexbox center and space between
CSS
0 vote332 views1 answer
Hoow to open a css class in css
CSS