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<div class="head-bg"><div class="bgImg"></div></div>
css 弧度
原文地址：https://www.cnblogs.com/yjgbk/p/9552997.html