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

47 votes310 views4 answers
Transform
CSS
6 votes317 views2 answers
Css how to prevent horizontal scrolling
CSS
0 vote277 views1 answer
Remove underline in a a
CSS
0 vote309 views1 answer
Shorthand notation of declaring top, right, bottom, left position
CSS
0 vote311 views1 answer
Allvarliga symtom på järnbrist
CSS
3 votes322 views2 answers
Expo vector icons install
CSS
2 votes310 views1 answer
How to fix the footer at the bottom of the page
CSS
2 votes320 views1 answer
Css percent minus pixel
CSS
2 votes319 views2 answers
Css content image
CSS
145 votes390 views6 answers
Import bootstrap in react
CSS