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 vote387 views1 answer
Rotate keyfreame animation
CSS
0 vote352 views1 answer
RROR: PKGBUILD contains CRLF characters and cannot be sourced.
CSS
4 votes351 views4 answers
Ngclass multiple conditions
CSS
0 vote346 views2 answers
Position relative get in center
CSS
52 votes359 views6 answers
Center a div
CSS
0 vote424 views2 answers
Wpa avoid reload with swipe
CSS
1 vote407 views1 answer
Create a animation name in css
CSS
6 votes371 views8 answers
Bootstrap css
CSS
0 vote358 views2 answers
How set image at top in wordpress
CSS
-1 vote385 views1 answer
Css grid media queries
CSS