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

4 votes251 views1 answer
Grid mdn
CSS
1 vote345 views1 answer
Use css in cshtml
CSS
1 vote297 views1 answer
Css position absolute transition
CSS
0 vote325 views1 answer
Table tr sortable helper css
CSS
2 votes311 views1 answer
Media queries css responsive max width
CSS
145 votes383 views6 answers
Add bootstrap to react
CSS
1 vote300 views1 answer
Perimeter around my background image
CSS
0 vote317 views2 answers
Caching
CSS
0 vote273 views0 answer
CSS
0 vote301 views1 answer
Css dark blue
CSS