박스 요소에 그림자를 만드는 방법을 알아보자.

box-shadow

CSS 속성 중 box-shadow 속성을 이용하여 테두리를 감싼 그림자 효과를 추가할 수 있다.

박스 그림자는 요소에서의 수평수직 거리(오프셋), 흐릿함과 확산 정도, 색상으로 이루어진다.

기본 양식

box-shadow: offset-x offset-y blur-radius spread-radius color;

이런식으로 입력한다.

Mingg`s Diary

밍구

공부 목적 블로그

https://maz.kr

모든 포스트 보기