CSS阴影效果三剑客:box-shadow、text-shadow、drop-shadow
想要盒子的轮廓产生阴影效果,使用box-shadow
想要文本的轮廓产生阴影效果,使用text-shadow
想要PNG图片非透明部分的轮廓产生阴影效果,使用fliter: drop-shadow()
当然,如果想要依据元素本身颜色产生映射的阴影颜色,可使用fliter的blur()、brightness()、opacity()三者搭配调色产生阴影效果
CSS阴影效果三剑客:box-shadow、text-shadow、drop-shadow
想要盒子的轮廓产生阴影效果,使用box-shadow
想要文本的轮廓产生阴影效果,使用text-shadow
想要PNG图片非透明部分的轮廓产生阴影效果,使用fliter: drop-shadow()
当然,如果想要依据元素本身颜色产生映射的阴影颜色,可使用fliter的blur()、brightness()、opacity()三者搭配调色产生阴影效果