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 vote184 views1 answer
Change mouse pointer on image hover
CSS
39 votes184 views5 answers
Add drop shadow css
CSS
-1 vote230 views3 answers
Css ul to center
CSS
3 votes220 views2 answers
Button material ui
CSS
128 votes261 views5 answers
Randint
CSS
5 votes201 views4 answers
Inset css
CSS
49 votes187 views5 answers
Absolute position div center
CSS
0 vote264 views1 answer
Translate argument animation css'
CSS
0 vote240 views2 answers
Sass variables across files
CSS
17 votes187 views4 answers
Get featured image post wordpress by post id
CSS