请教圆角+阴影效果如何实现

Question

本来想要实现的效果

代码：

.my-detail-header-avatar-image {
    width: 120rpx;
    height: 120rpx;
    border-radius: 60rpx;
    border: 8px solid #FFFFFF;
    box-shadow: 0 1px 12px 0 rgba(216,216,216,0.50);  
}

这样写变成这样了

请教如何正确实现？

Answer 1

你试试border-radius: 120rpx;可能是rpx和px换算的关系导致。