ボックスシャドウ作成

スライダーを動かすと、影がその場で変わります。ボタンやカードの影づくりに。できたCSSはワンクリックでコピーできます。


      

プリセット

きれいな影のコツ

影を2〜3枚重ねると、本物のような自然な影になります。近くに小さくくっきりした影、遠くに大きくぼかした薄い影を置くのがポイントです。「影を追加」で重ねてみてください。

box-shadowとは?

CSSで要素に影をつけるプロパティです。横・縦の位置、ぼかし、広がり、色を指定して、ボタンやカードを立体的に見せられます。

影を何枚も重ねられる?

はい。「影を追加」で何枚でも重ねられます。重ねたものはカンマ区切りの1つのCSSとしてコピーできます。