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 vote142 views2 answers
Styling links within a class except the last one
CSS
0 vote146 views1 answer
Bootstrap-scss github
CSS Bootstrap
0 vote236 views1 answer
Live sass compiler settings
CSS
3 votes125 views2 answers
How to decurate react router link css
CSS
1 vote124 views1 answer
Input start typing in the center
CSS
0 vote129 views1 answer
Css borrar
CSS
2 votes113 views2 answers
Css glow on hover
CSS
0 vote120 views1 answer
Inexorably
CSS
0 vote123 views1 answer
Table td remove unknown padding in td
CSS
0 vote123 views1 answer
Vervaging en verloop css
CSS