CSS阴影效果三剑客

CSS阴影效果三剑客:box-shadow、text-shadow、drop-shadow

想要盒子的轮廓产生阴影效果,使用box-shadow
想要文本的轮廓产生阴影效果,使用text-shadow
想要PNG图片非透明部分的轮廓产生阴影效果,使用fliter: drop-shadow()

当然,如果想要依据元素本身颜色产生映射的阴影颜色,可使用fliter的blur()、brightness()、opacity()三者搭配调色产生阴影效果

你可能感兴趣的