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

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

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

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

【腾讯云】云产品限时秒杀,爆款1核2G云服务器,首年50元

阿里云限时活动-2核2G-5M带宽-60G SSD-1000G月流量 ,特惠价99元/年(原价1234.2元/年,可以直接买3年),速抢

本文由乐趣区整理发布,转载请注明出处,谢谢。

您可能还喜欢...

发表评论

您的电子邮箱地址不会被公开。

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据