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 vote162 views1 answer
Ratio bootstrap
CSS
9 votes253 views2 answers
How can set background fit full
CSS
6 votes170 views2 answers
Remove horizontal scrollbar css
CSS
9 votes176 views2 answers
Bootstrap cheat sheet
CSS
0 vote177 views1 answer
Adding script in vat for product order shopify
CSS
0 vote184 views1 answer
Css to exclude last row table
CSS
41 votes177 views6 answers
Media query for mobile min and max width
CSS
4 votes184 views1 answer
Space-x css
CSS
0 vote178 views1 answer
Paper.css
CSS
0 vote184 views1 answer
Ul list style type image
CSS