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

1 vote259 views1 answer
Overflow: scroll displaces the inline element
CSS
32 votes212 views6 answers
Css font face
CSS
2 votes195 views1 answer
Clamp margin
CSS
41 votes205 views6 answers
Media query for mobile min and max width
CSS
0 vote217 views2 answers
How to add a selection in css
CSS
39 votes208 views6 answers
Css pointer-events
CSS
4 votes202 views2 answers
Resize image slowly on hover
CSS
1 vote223 views1 answer
Css thinner hr
CSS
40 votes231 views6 answers
How to write css
CSS
0 vote209 views1 answer
CSS fluid type sizing based on viewport
CSS