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 vote166 views1 answer
Chrome extension detect copy action
CSS
16 votes159 views3 answers
Remove underline hover css
CSS
0 vote181 views2 answers
Electron draggable
CSS
0 vote172 views1 answer
Ignore br css
CSS
6 votes124 views2 answers
How to change text on hover
CSS
54 votes188 views6 answers
Import font in css
CSS
4 votes179 views1 answer
Add shadows on an image css
CSS
0 vote194 views1 answer
Css change browser color
CSS
69 votes163 views4 answers
White rgb
CSS
1 vote184 views2 answers
What does clearfix for floats do in css
CSS