关于css:CSS阴影效果三剑客

52次阅读

共计 221 个字符,预计需要花费 1 分钟才能阅读完成。

CSS 暗影成果三剑客:box-shadow、text-shadow、drop-shadow

🍃想要盒子的轮廓产生暗影成果,应用 box-shadow
🍃想要文本的轮廓产生暗影成果,应用 text-shadow
🍃想要 PNG 图片非通明局部的轮廓产生暗影成果,应用 fliter: drop-shadow()

当然,如果想要根据元素自身色彩产生映射的暗影色彩,可应用 fliter 的 blur()、brightness()、opacity() 三者搭配调色产生暗影成果

正文完
 0