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 votes133 views2 answers
Css border radius not working
CSS
0 vote133 views1 answer
Choose grid position html
CSS
28 votes126 views3 answers
Display sm none
CSS
1 vote112 views1 answer
Qwant
CSS
5 votes119 views1 answer
Safari only CSS hack
CSS
33 votes121 views4 answers
Css background collor
CSS
10 votes129 views5 answers
Css clamp
CSS
1 vote121 views3 answers
Background image in css is not working
CSS
3 votes123 views1 answer
Watch scss to css
CSS
2 votes124 views1 answer
Coustomize srollbar
CSS