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 vote343 views1 answer
How to add css using nativeelement in angular
CSS
0 vote339 views1 answer
Auto-indenting on Sublime Text 3 - "Key Bindings"
CSS
0 vote327 views1 answer
Bootstrap put button on one line
CSS
20 votes352 views3 answers
Underline text using css
CSS
8 votes346 views2 answers
Center div vertically tailwind
CSS
0 vote336 views2 answers
Why is my body background color in css not working
CSS
4 votes345 views1 answer
Ionic mobile always dark theme in web
CSS
2 votes339 views1 answer
How to apply hover through inline css
CSS
8 votes331 views4 answers
Css left
CSS
7 votes329 views2 answers
How to make image same size as text css
CSS