【CSS】box-shadowとは? ~要素に影をつける方法~ | MUKKUN QUEST
MUKKUN QUEST     

【CSS】box-shadowとは? ~要素に影をつける方法~

HTML&CSS

【CSS】box-shadowの解説です。読み方は「ボックスシャドウ」
要素に影をつける方法を知りたい方はこちらで解決します💡

スポンサードサーチ

【CSS】box-shadow ~要素に影をつける方法~

具体的に解説していきます。

【実例】box-shadowはこう打てば、こうなる

☝このように打つことで、要素に影をつけることができます。3つの要素で影の位置と色を指定できます。

➀…水平方向の長さ
②…垂直方向の長さ
③…影の要素の色

☟上のように打ち込むと、このような結果になりました。

【特徴】box-shadowの持つ特徴

※情報は随時更新します。

【注意】box-shadowを使う時に起こりやすいミスの事例

※情報は随時更新します。

box-shadowに似た効果を持つCSS

※情報は随時更新します。