text-shadowジェネレーター

見出しやバナー文字を目立たせる text-shadow を、X・Y・ぼかし・不透明度・色のスライダーで作成。プレビューで実際の見た目を確認できます。

設定

色

プレビュー

見出しサンプル
—

使い方・しくみ

スライダーで文字の影を調整すると、text-shadow のCSSが出ます。

text-shadow: X Y ぼかし 色;。見出しやバナー文字を目立たせるのに使います。薄い影(不透明度低め)+少しのぼかしが上品。

計算はこのブラウザの中だけで、入れた内容はどこにも送りません。