Question 1

CSSのtext-shadowプロパティとは何ですか？

Accepted Answer

CSSのtext-shadowプロパティは、テキストにシャドウ効果を追加します。コンマ区切りのシャドウリストを受け取り、各シャドウは水平オフセット(px)、垂直オフセット(px)、ぼかし半径(px)、色で定義されます。例：text-shadow: 2px 2px 4px rgba(0,0,0,0.5);

Question 2

複数のテキストシャドウを重ねることはできますか？

Accepted Answer

はい！CSS text-shadowはコンマで区切って複数のシャドウをサポートします：text-shadow: 1px 1px 2px black, 0 0 10px blue。各シャドウは順番に（最初が下、最後が上）レンダリングされます。このツールでは、必要なだけシャドウを追加・設定・削除できます。

Question 3

ぼかし半径は何をするものですか？

Accepted Answer

ぼかし半径は、シャドウがどれだけ広がるか（ぼやけているか）を制御します。値が0の場合はシャープなシャドウになります。値が大きいほど、より拡散した柔らかいシャドウになります。box-shadowとは異なり、text-shadowにはスプレッド半径オプションがないため、ぼかしのみがシャドウサイズを制御する方法です。

Question 4

どのブラウザがtext-shadowをサポートしていますか？

Accepted Answer

CSS text-shadowはChrome、Firefox、Safari、Edge、Operaなどすべての最新ブラウザでサポートされています。2010年から広くサポートされており、ベンダープレフィックスは不要です。すべての本番環境で安全に使用できます。

Question 5

ネオングロー効果はどのように作りますか？

Accepted Answer

ネオングローには、同じ色でぼかしが増加する複数のtext-shadowレイヤーを重ねます：text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #ff00de, 0 0 40px #ff00de。白いコアシャドウから始め、グロー効果のためにより広い色付きシャドウを追加します。

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

よくある質問

Comments & Feedback