CSS阴影的存在,让物体看上去更加有型立体。然而,在最简单的阴影使用之上,我们可以实现更多有意思且更加立体的阴影效果。本文将带大家看看如何使用CSS实现几类比普通阴影更加立体的阴影效果。CSS阴影基础CSS中,明面上可以实现阴影的有三个属性:box-shadow-盒阴影text-shadow-文字阴影filter:drop-shaodw()-滤镜内的阴影关于它们的基础语法和使用就不过多描述,这一部分大家可以先在MDN补齐,贴几张图快速复习一下:box-shadow-盒阴影:text-shadow-文字阴影:filter:drop-shaodw()-滤镜内的阴影:基本上3种阴影大同小异,需要注意