CSS文字陰影產生器

關於本工具

CSS文字陰影產生器讓您可視化地組合多層文字陰影並立即取得CSS輸出。每個圖層都有獨立的X/Y偏移、模糊半徑、顏色和不透明度控制。

不透明度以RGBA透明通道形式套用，無需瀏覽器特定技巧即可實現平滑透明效果。產生的CSS在所有現代瀏覽器中均可使用。

使用方法

1. 選擇預設開始，或手動配置圖層。
2. 輸入預覽文字並調整字體大小和顏色以符合您的目標設計。
3. 透過+ 新增圖層為複雜效果新增更多圖層。
4. 點擊複製CSS將text-shadow宣告直接複製到樣式表中。

使用情境

前端開發者建立具有深度感的英雄區標題。設計師直接在CSS中原型化文字效果。行銷團隊使用發光和霓虹效果建立吸睛的CTA文字。

常見問題

• 我可以新增多少個圖層？ — 沒有硬性限制。CSS支援任意數量的逗號分隔text-shadow值。實際上1-4個圖層可以涵蓋大多數效果。
• text-shadow在所有瀏覽器中都能使用嗎？ — 是的。自2012年以來，所有現代瀏覽器都完全支援text-shadow。
• 模糊半徑0是什麼？ — 無模糊的硬邊陰影，適用於復古或輪廓效果。