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 vote206 views1 answer
Html display text in alternating coloured panels
CSS
0 vote193 views1 answer
Media queries import file
CSS
8 votes233 views2 answers
Css resize checkbox
CSS
0 vote195 views1 answer
Unhover animation
CSS
0 vote184 views1 answer
Tailwind css image grid
CSS
0 vote174 views2 answers
Media Query Smartphone Portrait
CSS
0 vote177 views1 answer
Shrouded
CSS
75 votes176 views6 answers
Remove scrollbar css
CSS
15 votes180 views3 answers
Drop shadow image css
CSS
1 vote194 views2 answers
Apple font css
CSS