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 vote170 views1 answer
Wordpress clear cache command line
CSS
0 vote115 views1 answer
All ipad Resolutio css
CSS
0 vote122 views1 answer
Css for chrome only
CSS
7 votes111 views2 answers
Font for css code google link
CSS
0 vote115 views1 answer
Linear gradient farthest-corner code css
CSS
1 vote110 views1 answer
How to highlight input on focus with box shadow
CSS
-1 vote114 views1 answer
Arranging the paragraph in css
CSS
0 vote129 views3 answers
How to create collapsable using pure Javascript
CSS
2 votes154 views1 answer
Free css templates
CSS
51 votes103 views6 answers
Text overflow ellipsis css
CSS