CSS text-shadowジェネレーター
ライブプレビューとテンプレート付きでCSSのテキストシャドウを作成します。ネオン、レトロ、3D、縁取り、炎、エンボスなどがあり、複数のレイヤーと色に対応しています。
使い方テキストシャドウジェネレーター
利用できる言語: 
広告
CSS text-shadowジェネレーター: 用途
テンプレートを選び、影のレイヤーを1行ずつ、ずらし量、ぼかし、色を指定して編集します。テキスト、文字色、背景を変えて仕上がりを確認し、colorとtext-shadowを含むCSSをコピーします。
使い方
- シャドウのテンプレートを選びます。
- テキスト、色、レイヤーを編集します。
- CSSをコピーします。
使うタイミング
- サイトの目を引く見出しを作る。
- ネオンやレトロ風の効果を作る。
- 画像の上の文字を読みやすくする。
よくある質問
CSSでネオン文字を作るには？
暗い背景の上で、同じ色で少しずつぼかしを大きくした text-shadow を重ねます。たとえば 0 0 5px、0 0 10px、0 0 20px です。ネオンのテンプレートでこのレイヤーを自動で作成できます。
文字に縁取りを付けるには？
すべてのブラウザーで使える方法は、ぼかしなしの影を上下左右に1〜2pxずつずらして4つ付けることです。縁取りのテンプレートがそれを行います。
本当に無料？
はい、100%無料です。登録不要、サブスクなし、利用制限なし。すべてのツール：Tools123は無料です。