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 vote199 views3 answers
Css how to make 2d animations at once
CSS
4 votes235 views4 answers
Css transform origin
CSS
0 vote244 views2 answers
Command line download file from google drive
CSS
0 vote258 views1 answer
Css background for text
CSS
0 vote219 views2 answers
Increase space between dashed border css
CSS
0 vote223 views1 answer
How to make a text in center with background color in css
CSS
0 vote255 views1 answer
Css good black color
CSS
0 vote234 views1 answer
Css select havig both classes
CSS
1 vote227 views1 answer
-o css
CSS
0 vote215 views1 answer
Mat select remove underline
CSS