【CSS】box-shadowとは? ~要素に影をつける方法~
【CSS】box-shadowの解説です。読み方は「ボックスシャドウ」
要素に影をつける方法を知りたい方はこちらで解決します💡
もくじ
●【実例】box-shadowはこう打てば、こうなる
●【特徴】box-shadowの持つ特徴
●【注意】box-shadowを使う時に起こりやすいミスの事例
●box-shadowに似た効果を持つCSS
スポンサードサーチ
【CSS】box-shadow ~要素に影をつける方法~
具体的に解説していきます。
【実例】box-shadowはこう打てば、こうなる
☝このように打つことで、要素に影をつけることができます。3つの要素で影の位置と色を指定できます。
➀…水平方向の長さ
②…垂直方向の長さ
③…影の要素の色
☟上のように打ち込むと、このような結果になりました。
【特徴】box-shadowの持つ特徴
※情報は随時更新します。
【注意】box-shadowを使う時に起こりやすいミスの事例
※情報は随時更新します。
box-shadowに似た効果を持つCSS
※情報は随時更新します。