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 vote101 views1 answer
Resetting Default Table Styles
CSS
41 votes129 views2 answers
Add ... to long text css
CSS
0 vote101 views1 answer
Cd cover dimensions
CSS
0 vote96 views1 answer
How to give opacity to background only
CSS
2 votes100 views1 answer
Basic css table
CSS
0 vote102 views1 answer
Custom hr in css
CSS
7 votes111 views4 answers
Change button color html
CSS
2 votes108 views1 answer
Css click effect
CSS
0 vote145 views1 answer
GET /style.css HTTP/1.1" 404
CSS
2 votes111 views1 answer
Css limit line text
CSS