みなさんこんにちは、現役エンジニアのサメハックです
未経験からWebエンジニアに転職し、
正社員として5年働いたのちフリーランスとして独立しました。
１分で理解できるHTML/CSS講座シリーズです。
今回は要素に影を付ける方法について学んでいきましょう！
駆け出しエンジニアや未経験の方、
また新入社員を指導する先輩社員にとっても
わかりやすいように解説していきます！
この記事を読むと・・・
- 1分で要素に影をつけれられる！
１分で理解できるHTML/CSS講座シリーズはじめっ！
要素に影をつけよう！
要素に影をつける構文
box-shadow: X軸 Y軸 ぼかしのサイズ 色;
このように設定すると影を表示させることができるよ！
実際に動かしてみよう！
See the Pen
要素に影をつける by samehack (@samehack)
on CodePen.
このように要素に影を表示することができたよ！
まとめ
box-shadow: X軸 Y軸 ぼかしのサイズ 色;↑で要素に影をつけることができる
満足いただけたら、1クリックなのでSNSフォローしてもらえると嬉しいです🦈
