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

7 votes181 views2 answers
Font for css code google link
CSS
1 vote178 views2 answers
Buttonfarbe transparent machen css
CSS
3 votes181 views2 answers
Antialiasing css
CSS
57 votes184 views3 answers
How to round the corners of a div outline in css
CSS
20 votes194 views2 answers
Css disable selection
CSS
0 vote133 views1 answer
Css not working react
CSS
1 vote142 views2 answers
Pure css spinner
CSS
4 votes190 views2 answers
Css disabled
CSS
102 votes187 views6 answers
How to center an element in css
CSS
0 vote176 views1 answer
Css media query gist
CSS