CSSシャドウ生成ツール
シャドウ効果のCSSコードを自動生成します。色やサイズ、距離などを設定して生成できます。
パターン
box-shadowtext-shadowカラー (#000000)
透過 (50%)
スプレッド (5px)
上下距離 (10px)
左右距離 (10px)
サイズ (0px)
向き
外側内側解説
影の色や距離などからCSSコードをリアルタイムに生成します。
設定項目
| パターン | 矩形(box-shadow)と文字(text-shadow)の2種類から選択できます。 |
|---|---|
| カラー | 影の色を設定できます。 |
| 透過 | 影の色の透過度を設定できます。 |
| スプレッド | ぼかし具合を設定できます。 |
| 距離 | 上下・左右それぞれの影の位置を設定できます。0pxが中心です。 |
| サイズ | 影の大きさを指定できます。距離を0pxに指定した上でサイズを上げると発光表現になります。 |
| 向き | 影を外側につけるか内側につけるか設定できます。 |
