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

1 vote309 views1 answer
Css div fill whole page
CSS
6 votes356 views5 answers
Bootstrap icons
CSS
8 votes321 views2 answers
Css image size adjust
CSS
6 votes371 views5 answers
Font-style css
CSS
19 votes331 views4 answers
Add blur background css
CSS
3 votes307 views1 answer
Css scrollbar position to bottom
CSS
23 votes335 views5 answers
Center div using flex
CSS
0 vote305 views1 answer
Drupal 8 Notice: Trying to get property
CSS
0 vote336 views1 answer
Bootstrap accordion some change
CSS
0 vote318 views1 answer
How to change logo size in wordpress
CSS