用 CSS 轉換 SVG 顏色

littlecodeguy
·
·
IPFS
·
用 CSS value: currentColor 去改變 SVG fill property...

而家做網頁時好多時都需要做 light/dark mode,除咗轉 text 顏色 仲要轉埋 icon 顏色,唔想下下改 <img /> src,可以用 CSS value: currentColor 去改變 SVG fill property,只要喺 parent dom 比個 color: red, svg fill color 就會跟個值改變,仲可以配合 transition / animation 玩。

https://littlecodeguy.com/post/2022-07-13-css-svg-fill-color/


CC BY-NC-ND 2.0 授权

喜欢我的作品吗?别忘了给予支持与赞赏,让我知道在创作的路上有你陪伴,一起延续这份热忱!