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

使い方

1. 1

   シャドウプロパティを調整

   スライダーで各シャドウレイヤーのオフセットX/Y、ブラー半径、色、不透明度を設定します。

2. 2

   複数レイヤーを追加

   「レイヤー追加」をクリックして複数のテキストシャドウを重ねます。タブでレイヤーを切り替えます。

3. 3

   プレビューをカスタマイズ

   デザインに合わせてプレビューテキスト、フォントサイズ、ウェイト、テキスト色、背景色を変更します。

4. 4

   CSSをコピー

   「コピー」をクリックして生成されたtext-shadow CSSプロパティをクリップボードにコピーします。

よくある質問

CSS text-shadowとは？

CSS text-shadowはテキスト要素にシャドウ効果を追加します。水平/垂直オフセット、ブラー半径、色の値を使用します。

複数レイヤーを使えますか？

はい！CSSはカンマ区切りの複数text-shadow値をサポートしています。このツールでは最大5レイヤーまで追加できます。

text-shadowとbox-shadowの違いは？

text-shadowはテキスト自体に、box-shadowは要素ボックスに適用されます。text-shadowはspreadやinsetをサポートしません。

データは安全ですか？

はい。すべての生成はブラウザのJavaScriptで処理されます。サーバーにデータは送信されません。