css 外弧_css 弧度

style

.head-bg {

position: absolute;

height: 1.9rem;

width: 100%;

overflow: hidden;

z-index: -1;

}

.head-bg .bgImg{

position: absolute;

content: ‘‘;

z-index: 1;

height: 2.5rem;

top: -.6rem;

left: -75%;

width: 250%;

border-radius: 50%;

overflow: hidden;

}

.head-bg .bgImg:after{

position: absolute;

content: ‘‘;filter:blur(10px); //模糊

z-index: 1;

height: 3.9rem;

top: -1rem;

left: 0;

width: 100%;

background: url(https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1536115840&di=9fbd7bb1fd052bceb0b3c47833e4c084&imgtype=jpg&er=1&src=http%3A%2F%2Ffile25.mafengwo.net%2FM00%2F0A%2FAC%2FwKgB4lMC26CAWsKoAALb5778DWg60.rbook_comment.w1024.jpeg) no-repeat center;

background-size:200%;

}

html