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

3 votes275 views3 answers
How to change paragraph text color to orange - css
CSS
14 votes293 views4 answers
Text align left bootstrap
CSS
0 vote323 views1 answer
Bootstrap accessibility
CSS Bootstrap
1 vote268 views1 answer
How to change the underline thickness in css
CSS
30 votes284 views5 answers
Css vertical align
CSS
37 votes245 views4 answers
Select even child css
CSS
0 vote263 views1 answer
Wordpress dashboard css broken
CSS
0 vote263 views1 answer
All Stylesheet Media Types
CSS
1 vote333 views1 answer
This selector doesn't have any properties and won't be rendered. sass
CSS
22 votes310 views5 answers
Center grid
CSS