Toolipedia 埋め込み
JA
← すべてのテキストツール

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

グロー、ネオン、3D、ロングシャドウのテキストシャドウを、リアルタイムプレビュー付きで作成します。

  • 無料
  • 登録不要
  • どの端末でも使える

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

光るネオン、レトロな3D、長く斜めに伸びるテキストシャドウを、ライブプレビューで作成できます。text-shadowプロパティはxオフセット、yオフセット、ぼかし、色を取り、カンマ区切りで複数のレイヤーを指定できます。ネオンの発光はこの方法で作られます。テキスト自体が読みやすいよう、コントラストにも気を配ってください。

CSSテキストシャドウジェネレーターの使い方

  1. サンプルテキストを入力して、グロー、ネオン、3D、ロングなどのスタイルを選択してください。
  2. コントロールで、オフセット、ぼかし、色を調整してください。
  3. text-shadowのCSSをコピーしてください。

このツールを使う理由

別名

よくある質問

CSSでネオン文字を作るにはどうしますか?

暗い背景に、同じ明るい色のtext-shadowのレイヤーを、0 0 5px、0 0 10px、0 0 20pxのように、ぼかしの値を増やしながら重ねます。

光るテキストは読みやすいですか?

強い光は、文字をぼかすことがあります。各文字の形がはっきりしたままになるよう、暗い背景、明るいテキストの色、控えめなぼかしを使ってください。

複数のテキストシャドウを重ねるにはどうすればよいですか?

1つのtext-shadowの行に、各影をカンマで区切ってください。ネオンや3D効果は、オフセットやぼかしを大きくしながら、多くの影を重ねて作られます。

CSSテキストシャドウジェネレーターは無料ですか？

はい。ToolipediaのCSSテキストシャドウジェネレーターは無料で、登録不要、透かしもありません。

安全に使えますか？

はい。すべての計算はブラウザ内で行われ、入力した内容が当社サーバーに送信されることはありません。

スマートフォンでも使えますか？

はい。AndroidやiPhoneの最新ブラウザのほか、タブレットやパソコンでも使えます。インストールは不要です。

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

いいえ。ページを開いてツールを使うだけです。登録もメールアドレスも不要です。

CSSテキストシャドウジェネレーター を自分のサイトに置けますか？

はい。ツールの下にある「サイトに埋め込む」ボタンで短いコードをコピーし、ページに貼り付けてください。無料でアカウントも不要、ツールはページ内でそのまま動作します。

関連ツール