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 vote332 views1 answer
Changing bakcgound color like animation using tailwind
CSS
0 vote324 views1 answer
Get ssl certificate command line
CSS
1 vote331 views1 answer
Css selector not contains attribute
CSS
1 vote324 views1 answer
Html css landing page
CSS
1 vote334 views1 answer
How do center using margin
CSS
10 votes305 views2 answers
Css how to change font colr
CSS
0 vote331 views1 answer
Css for chrome only
CSS
13 votes341 views4 answers
How to print background bootstrap
CSS
19 votes329 views2 answers
How to customize placeholder css
CSS
0 vote388 views2 answers
Bulma uppercase
CSS Bulma