テキストシャドウジェネレーター

ライブタイポグラフィプレビューを使用して、読みやすいテキストシャドウスタイルを作成します。オフセット、ぼかし、カラーをダイヤルしてから、CSS をコピーします。

Text Shadow Generator

Live

Sample text

Offset X2px

Offset Y4px

Blur12px

Shadow color

Shadow

CSS output

text-shadow: 2px 4px 12px #be185d;

Key capabilities

ライブタイポグラフィプレビューを使用して、読みやすいテキストシャドウスタイルを作成します。
ブラウザで実行
無料で使用できます

使い方

必要に応じて、サンプルテキストを入力します。
X/Y オフセット、ブラー、カラーを調整します。
text-shadow CSS をコピーします。

How this tool works

必要に応じて、サンプルテキストを入力します。
X/Y オフセット、ブラー、カラーを調整します。
text-shadow CSS をコピーします。

Recommended settings

最初はデフォルトのオプションを使用し、必要に応じて調整します

Supported formats

Text / on-page input

File size and limits

非常に複雑なマルチレイヤーのプレビューは、古い携帯電話では遅く感じる場合があります。

Privacy

カラーおよび CSS ジェネレーターは完全にブラウザー内で実行されます。プレビューと変換ではスタイルがアップロードされることはありません。

Common use cases

必要なときにはいつでもテキストシャドウジェネレーターを使用します。ライブタイポグラフィプレビューを使用して、読みやすいテキストシャドウスタイルを作成します。

Troubleshooting

貼り付け後のプレビューの見た目が変わる

ページ上に競合する CSS がないか確認します (リセット、継承された色)。まず、生成されたルールを分離されたスタイルシートにコピーします。

よくある質問

これで CSS がアップロードされますか?

いいえ。ジェネレーターとコンバーターは、ライブプレビューを使用してブラウザーで実行されます。

アカウントは必要ですか?

いいえ。ツールを開いてコントロールを調整し、CSS をコピーします。