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 vote252 views1 answer
Puntos suspensivos css
CSS
22 votes297 views2 answers
React bootstrap carousal not working
CSS Bootstrap
0 vote257 views1 answer
100 bytes of css
CSS
1 vote292 views1 answer
Bootstrap col no gaps
CSS Bootstrap
0 vote280 views1 answer
New statamic project
CSS
1 vote256 views1 answer
Css selector no attribute
CSS
0 vote244 views1 answer
Scroll down style
CSS
1 vote249 views1 answer
Css selector excluding last child
CSS
0 vote251 views2 answers
How to make grid css
CSS
5 votes277 views4 answers
Display none tailwind
CSS