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 votes220 views2 answers
Css hex to rgb
CSS
40 votes189 views3 answers
Select first 5 child css
CSS
17 votes194 views1 answer
Artillery annot be loaded because running scripts is disabled on this system
CSS
420 votes300 views6 answers
Delete array element
CSS
0 vote202 views1 answer
Enque script only on specific archive page
CSS
70 votes207 views6 answers
Center in css
CSS
8 votes199 views1 answer
Css wordwrap
CSS
1 vote209 views2 answers
Border shorthand CSS
CSS
0 vote194 views2 answers
How to reduce the size of png image in css
CSS
5 votes211 views1 answer
Transform multiple css
CSS