CSSの一括指定 「box-shadow」
参考サイト
自分なりにまとめてみました。
ショートハンド
box-shadow:１ ２ ３ ４ ５ ６
.el{box-shadow: 2px 4px 10px 4px #000 inset}
- 単位はpx使用
- 影の移動＝正の整数以外に「-10px」とマイナス単位の指定が可能
- 影の色は不透明度を変更した色を指定して調整する事が多い
- 内側に影を付ける場合最後に「inset」を付ける
参考サイト
自分なりにまとめてみました。
ショートハンド
box-shadow:１ ２ ３ ４ ５ ６
.el{box-shadow: 2px 4px 10px 4px #000 inset}