css图片底部弧度 |scss标准

.rounded-img {
border-radius: 50%;
}

上面的代码中，大家使用了CSS的border-radius属性来实现图片底部弧度效果。属性值50%表示圆形，如果想要其他形状，可以根据需要调整border-radius的值。

在实际的应用中，大家还可以使用伪类:before或:after来实现更多效果的图片底部弧度。比如：

.rounded-img:after {
content: "";
position: absolute;
bottom: -10px;
left: 50%;
transform: translateX(-50%);
width: 80%;
height: 20px;
border-radius: 50%;
box-shadow: 0 0 10px rgba(0,0,0,.3);
}

使用:before或:after可以给图片添加一个类似于阴影的效果，让图片更加出彩。

以上就是关于CSS图片底部弧度效果的介绍，希望本文能够对你有所帮助。