CSS陰影效果三劍客

沉靜地閃光發表於2022-06-02

CSS陰影效果三劍客:box-shadow、text-shadow、drop-shadow

?想要盒子的輪廓產生陰影效果,使用box-shadow
?想要文字的輪廓產生陰影效果,使用text-shadow
?想要PNG圖片非透明部分的輪廓產生陰影效果,使用fliter: drop-shadow()

當然,如果想要依據元素本身顏色產生對映的陰影顏色,可使用fliter的blur()、brightness()、opacity()三者搭配調色產生陰影效果

相關文章