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 vote263 views6 answers
Vertical multi color border css
CSS
1 vote257 views1 answer
Css use :root
CSS
1 vote266 views1 answer
How to open link in same tab in chrome
CSS
1 vote273 views1 answer
Sf pro font html
CSS
0 vote265 views1 answer
Souligner titre css
CSS
20 votes266 views3 answers
Css text selection none
CSS
3 votes291 views1 answer
Convert angular project from css to scss
CSS
0 vote331 views1 answer
Bootstrap accordion some change
CSS Bootstrap
6 votes314 views2 answers
Blink css
CSS
0 vote311 views1 answer
How to apply a transition to a child element when hovering over parent element
CSS