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 vote227 views2 answers
1rem to px
CSS
34 votes263 views4 answers
Hide element using css
CSS
0 vote249 views1 answer
Custom select dropdown css only codepen
CSS
0 vote240 views1 answer
Top down gradient css on body
CSS
0 vote204 views1 answer
Label width css
CSS
20 votes223 views5 answers
Postgres version command
CSS
0 vote215 views1 answer
Secltor for parent li css
CSS
0 vote248 views1 answer
Dropcap - :first-letter pseudo class not working as expected in firefox
CSS
1 vote234 views1 answer
Remove line accordion material ui
CSS
0 vote207 views1 answer
How long since 1993
CSS