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

18 votes160 views2 answers
Yarn : File C:\Users\Developer Daiyan\AppData\Roaming\npm\yarn.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
0 vote153 views10 answers
BEST PLACE TO FIND CSS CODES
CSS
57 votes238 views4 answers
Css hover rounded corners
CSS
0 vote156 views1 answer
Start a css file
CSS
-1 vote144 views3 answers
Clip path css
CSS
-1 vote143 views2 answers
Css good background color
CSS
0 vote146 views1 answer
Css if select has value
CSS
-1 vote144 views2 answers
Multi colors in background in css
CSS
1 vote162 views1 answer
Css p tag text wrap
CSS
0 vote142 views1 answer
FusedLocationClient.removeLocationUpdates
CSS