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 vote192 views1 answer
Css border with 8 values
CSS
0 vote201 views3 answers
Css class selector
CSS
1 vote158 views1 answer
Css hover darken color
CSS
18 votes193 views4 answers
Css rotate animation
CSS
-1 vote252 views2 answers
Css clip path text
CSS
3 votes204 views1 answer
Add new class in tailwind css
CSS
0 vote187 views2 answers
How to centre a div
CSS
0 vote193 views1 answer
Text wrap image wordpress css
CSS
0 vote183 views1 answer
How to install tailwind css in html
CSS
3 votes193 views3 answers
Css border left
CSS