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 vote130 views3 answers
Style highlight css
CSS
12 votes133 views3 answers
Sticky header css
CSS
3 votes139 views6 answers
Uncaught TypeError: $ is not a function
CSS
93 votes136 views6 answers
Css center image in div
CSS
20 votes133 views2 answers
Stop selection css
CSS
51 votes128 views5 answers
Css reset
CSS
0 vote127 views1 answer
Bodyparser limit
CSS
0 vote128 views1 answer
Install wrangler
CSS
6 votes127 views1 answer
How to center an hr
CSS
175 votes190 views6 answers
Background css image
CSS