毎日使う開発者ツールを、すべて一か所に。
コンバーター、フォーマッター、ハッシュ、バリデーター、そして何度も開き直す小さなユーティリティが、タブの海に散らばることなく一か所にまとまります。
複数のシャドウに対応したビジュアルな CSS box-shadow ジェネレーターです
CSS の box-shadow プロパティは、要素の枠の周りに影の効果を加えます。カンマで区切って複数の影を設定できます。各影は、水平・垂直のオフセット、ぼかしと広がりの半径、色、そして…で記述されます…
ボックスシャドウは複数の値で定義されます: 水平オフセット (正の値で右へ)、垂直オフセット (正の値で下へ)、ぼかし半径 (大きいほどぼける)、広がり半径 (正で拡大、負で縮小)、そして色…
控えめな影、中程度の浮き上がり、内側の影をカバーしているので、一般的な入力と出力をすばやく比較できます。
選択したツールのソースコード。右側のライブ版と並べて表示されます。
// No external dependencies needed - generates CSS box-shadow strings interface Shadow { horizontal: number; vertical: number; blur: number; spread: number; color: string; opacity: number; inset: boolean;
