在線文本陰影 CSS 產生器
為您的網站創建令人驚歎的漸變文本效果
Controls
2
2
4
50
多個陰影
Shadow 2
流行的預設
Preview
Text Shadow 演示
複製到剪貼簿！
關於文字陰影生成器
易於使用
使用我們直觀的介面生成漂亮的文本陰影。無需 CSS 知識！
完全回應
在所有設備上都能完美運行，從手機到台式電腦。
獲取乾淨的、可用於生產的 CSS 代碼，您可以立即在專案中使用。
如何使用文字陰影生成器
1
調整滑塊
修改水準偏移、垂直偏移、模糊半徑和不透明度以創建完美的陰影。
2
選擇顏色
使用顏色選擇器或十六進位代碼輸入為您的文字陰影選擇任何顏色。
3
預覽您的設計
通過我們的互動式預覽即時查看文本陰影的外觀。
4
複製 CSS
按兩下 copy 按鈕以獲取生成的 CSS 代碼並在您的專案中使用它。
流行的文字陰影範例
霓虹燈發光效果
霓虹燈發光效果
text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #0073e6, 0 0 20px #0073e6, 0 0 25px #0073e6;
3D 文字效果
3D 文字效果
text-shadow: 1px 1px 0px #c4c4c4, 2px 2px 0px #c4c4c4, 3px 3px 0px #c4c4c4, 4px 4px 0px #c4c4c4;
微妙的陰影
微妙的陰影
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
內陰影
內陰影
text-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.5);