http://userimage8.360doc.com/20/0424/23/58412103_202004242308510659401502.gif
（1）上图是原始图片，代码后边沿被羽化。
<img alt="" src="图片地址" style="width:600px;height:400px;border-radius:10%;-webkit-mask-image: radial-gradient(black 40% ,transparent 70%)">
***************************************************
http://userimage8.360doc.com/20/0424/23/58412103_202004242309070050483666.gif（2）上图是原始图片，代码后直角变圆角。
<img alt="" src="图片地址" style="width:600px;height:400px;border-radius:10%;">
***********************************************
http://userimage8.360doc.com/20/0424/23/58412103_202004242309200316949199.gif（3）上图是原始图片，代码后边沿被羽化。
<img alt="" src="图片地址" style="width:400px;height:400px;border-radius:50%;-webkit-mask-image: radial-gradient(black 40% ,transparent 70%)" />
****************************************************
http://userimage8.360doc.com/20/0424/23/58412103_202004242308510659401502.gif
（4）上图是原始图片，代码后四方图片变圆图。
<img alt="" src="图片地址" style="width:400px;height:400px;border-radius:50%;" />
*********************************************
http://userimage8.360doc.com/19/0211/10/58412103_201902111038540119589752.gif
（5）上图是原始图片，代码后长四方图片变椭圆羽化。
<img alt="" src="图片地址" style="width: 566px; height: 800px;-webkit-mask-image: radial-gradient(black 40% ,transparent 70%)">
本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请
点击举报。
