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 vote211 views1 answer
Comfirm before delete
CSS
0 vote243 views1 answer
Bootstrap accordion some change
CSS Bootstrap
0 vote217 views1 answer
Responsive arrow breadcrumbs css site:stackoverflow.com
CSS
0 vote233 views1 answer
Input remove blue glow
CSS
0 vote223 views1 answer
Var units = "years"; var davidAge = 65; var johnAge = 40; var ageDifference = davidAge - johnAge; alert("The age difference is " + ageDifference + " " + units);
CSS
185 votes318 views6 answers
Background image css
CSS
1 vote219 views2 answers
Css select all immediate children
CSS
1 vote200 views1 answer
Move element to the left css
CSS
8 votes202 views1 answer
Remove styles button
CSS
0 vote246 views1 answer
How to remove gap between divs
CSS