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 vote285 views1 answer
Chai assert
CSS
1 vote237 views1 answer
Add css variables without global
CSS
8 votes243 views2 answers
Text underline hover css
CSS
2 votes213 views1 answer
Css content space
CSS
2 votes268 views2 answers
Css display none transition
CSS
8 votes262 views2 answers
Css random color
CSS
0 vote278 views1 answer
Css make all text center
CSS
-2 votes368 views3 answers
Box sizing reset
CSS
0 vote265 views1 answer
Array_filter use keys
CSS
0 vote264 views1 answer
Chrome console remove css dark mode
CSS