CSS Box Shadowジェネレーター - ビジュアルシャドウビルダー

ライブプレビュー付きでCSS box-shadowをビジュアルに生成します

CSSツール

Tool

Shadow 1

Offset X (5px)Offset Y (5px)Blur (15px)Spread (0px)

ColorInset

CSS

box-shadow: 5px 5px 15px 0px #00000040;

使い方

CSSのbox-shadowプロパティは、要素のフレームの周りにシャドウ効果を追加します。カンマで区切って複数の効果を設定できます。

はい。「シャドウを追加」をクリックして、複数のbox-shadow値を重ねることができます。各レイヤーは独立した設定を持ちます。