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

33 votes203 views6 answers
Linear gradient css
CSS
0 vote272 views1 answer
Installer scss projet wordpress
CSS
0 vote206 views1 answer
How to set color of instagram css
CSS
0 vote238 views2 answers
How to insert icons pseudo content
CSS
0 vote276 views1 answer
Column count css
CSS
5 votes224 views2 answers
Style disabled button
CSS
36 votes274 views6 answers
How to insert gradient in css
CSS
5 votes206 views3 answers
Sticky footer
CSS
9 votes221 views3 answers
Css get rid of button outline on click
CSS
1 vote198 views1 answer
Css url do not change color of visited links
CSS