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

1 vote212 views1 answer
How to boosts your rendering performance
CSS
0 vote182 views1 answer
Remove underline in a a
CSS
-1 vote264 views1 answer
How to make div position top in css
CSS
1 vote199 views3 answers
Css for bigger screen size
CSS
1 vote182 views1 answer
Remove boldness css
CSS
39 votes163 views1 answer
AppData\Roaming\npm\react-native.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.
CSS
29 votes243 views4 answers
@font-face css
CSS
1 vote194 views1 answer
Css retirer les puces
CSS
0 vote227 views1 answer
Unclickable button
CSS
-1 vote198 views1 answer
Line break inside content css
CSS