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

CSS テキスト シャドウ ジェネレーターは、CSS テキスト シャドウ プロパティのビジュアル エディターです。 水平方向のオフセット、垂直方向のオフセット、ぼかしの半径、色、不透明度をスライダーで調整し、サンプル テキストでの効果のレンダリングを確認してから、正確な CSS をコピーします。 ピクセル値を推測してページを更新する代わりに、影を直接形作り、生成するコードを読み取ります。

テキスト シャドウ プロパティは、ボックス シャドウよりも単純です。半径は広がり、挿入キーワードはありませんが、レイヤー化は強力になります。 1 つの宣言で、それぞれ独自のオフセット、ぼかし、色を含むいくつかのシャドウをスタックできます。 レイヤーを積み重ねることで、ネオンの輝き、ハードなアウトライン、レトロな 3D レタリング、活版印刷のエンボス効果、長いフラット シャドウを構築する方法があります。 手書きで書き込むのは面倒なので、このツールはレイヤーを管理し、スペック有効なコンマ区切りの宣言を正しいペイント順序で出力します。

すべてのブラウザで発生します。 Neon Glow や Outline などのプリセットを選択し、各レイヤーを調整し、プレビューを明るい背景と暗い背景に切り替え、サンプル テキストを編集して CSS をコピーします。 アカウントもアップロードもありません。ページが読み込まれた後もオフラインで動作します。