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

4 votes144 views1 answer
How to stop an image repeating in css
CSS
1 vote145 views1 answer
Css color of input
CSS
2 votes146 views1 answer
Css text black outline
CSS
8 votes169 views3 answers
Css change font awesome icon color
CSS
7 votes145 views3 answers
Rounded input css
CSS
46 votes140 views6 answers
Css background image size to fit screen
CSS
0 vote159 views2 answers
Weer
CSS
50 votes134 views6 answers
Text align css
CSS
0 vote147 views1 answer
Statamic regex replace
CSS
1 vote134 views1 answer
Bottom css don't work for p
CSS