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

3 votes362 views2 answers
Css border radius not working
CSS
28 votes367 views3 answers
Text gradient css3
CSS
61 votes386 views3 answers
Css radius background color
CSS
0 vote349 views1 answer
Over to remove padding css
CSS
9 votes439 views3 answers
Bootstrap list
CSS Bootstrap
12 votes365 views2 answers
Css not first child
CSS
3 votes412 views3 answers
Unsplash url
CSS
1 vote355 views1 answer
Box shador of one border css
CSS
0 vote359 views1 answer
Html invisible hr
CSS
0 vote365 views1 answer
Css for floting input label
CSS