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%)">
|