如何仅将边框半径应用于面部？

问题描述

您好，我有一些图像需要应用边框半径（将图像制作成圆形），但我只想做脸部。那么如何将边框半径仅应用于面部或仅应用于图像的顶部？客户不希望过多的身体展示。

之前

之后

解决方法

您最好的选择是在您喜欢的照片编辑器中裁剪照片。

如果你必须用代码来做，你需要改变图像在它的容器中的位置或者干脆把它当作一个background-image并改变它的background-position：

.img {
  width: 300px;
  height: 300px;
  background-image: url(https://i.stack.imgur.com/tiCHu.png);
  background-position: center top;
  border-radius: 50%;
  
  box-shadow: 0 8px 32px rgba(0,0.2)
}

<div class="img"></div>