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 vote158 views1 answer
Add styles object js
CSS
10 votes153 views1 answer
Rotate image css mdn
CSS
0 vote155 views1 answer
How to get two elements on the same line html
CSS
1 vote178 views1 answer
How to write remark in css
CSS
2 votes172 views4 answers
Sieve of eratosthenes
CSS
40 votes152 views2 answers
All.min.css cdn
CSS
1 vote116 views2 answers
Summation in jupyter markdown
CSS
0 vote144 views1 answer
Css design guideline
CSS
2 votes174 views1 answer
Css set property with data attribute
CSS
0 vote146 views1 answer
Css a little transparent
CSS