UTILS.
100% ブラウザ内で完結
T

CSS text-shadow ジェネレーター

text-shadow をライブプレビューでデザインし、CSS をコピーできます。

Aa

このツールについて

水平・垂直のオフセット、ぼかし、色を調整して text-shadow をスタイリングし、ルールをコピーできます。大きなプレビューがブラウザー内でリアルタイムに更新されます。

よくある質問

グロー効果を作るにはどうすればよいですか?
両方のオフセットを 0 にし、明るい色でぼかしを大きくすると、テキストの周りに均一なハロー(光の輪)が広がります。
複数の影を重ねられますか?
はい。CSS ではカンマ区切りで複数の影を指定できます。このツールは 1 つの影を作成するので、それをスタイルシート内で複製・調整できます。

その他のツール