怠惰な人々のためのCSSテキストシャドウジェネレータ。
ギャラリーから事前定義されたスタイルを選択するか、好みに応じてテキストシャドウを生成します。CSSコードを取得するために必要な属性を設定します。
影を右/下にシフトし、ぼかしと不透明度を設定し、パレットから色を選択してCSSを取得します。オンラインエディタを使用して、スタイルを手動で調整します。カスタムテキストと背景色を設定できるライブプレビューで、影の進化を追跡します。
CSS3テキストシャドウの説明
CSS3 text-shadowプロパティは、Webサイトのデザインを段階的に強化する最も一般的な手法の1つです。もともとはCSS2.1仕様でしたが、サポート不足のため廃止されました。ただし、現在はCSS 3に戻っており、最新のブラウザー間で広くサポートされています。
4つの値を取ります。最初の値はx（水平）方向の影の距離を定義し、2番目の値はy（垂直）方向の距離を設定し、3番目の値は影のぼかしを定義し、最後の値は設定します色彩。
これは、border-radiusなどの他のCSS3ルールと比較して比較的覚えやすいですが、テキストシャドウをリアルタイムで生成し、Photoshopのようなコントロールで微調整できるように、このようなジェネレーターがあると便利です。
