ボックスシャドウビルダ

インタラクティブなビジュアルビルダを使用して、カスタムのCSSボックスシャドウを生成します。

シャドウプロパティ

10px
10px
15px
0px
40%
要素の内側にシャドウを適用します
プレビュー要素

CSSコード

box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.4);

BoxShadow.guide.title

BoxShadow.guide.description

BoxShadow.guide.guide_1_title

BoxShadow.guide.guide_1_desc

BoxShadow.guide.guide_2_title

BoxShadow.guide.guide_2_desc

BoxShadow.guide.guide_3_title

BoxShadow.guide.guide_3_desc