box-shadow1 box-shadow로 그림자 효과 넣기 1. box-shadow? box-shadow는 요소 테두리에 그림자 효과를 주는 속성이다. 그림자는 위치, 흐림 정도, 그림자 확장, 그림자 색상이 조절 가능하다. css에 사용할 때는 {box-shadow : x위치 y위치 blur spread color inset} 순으로 작성하면 되고 x위치와 y위치는 꼭 필수로 넣어야 한다. none : 그림자 효과 없음. x위치 : 그림자가 가로에 위치되며 양수면 오른쪽에, 음수면 왼쪽에 그림자가 생긴다. y위치 : 그림자가 세로에 위치되며 양수면 아래쪽에, 음수면 위쪽에 그림자가 생긴다. blur : 그림자를 흐릿하게 만들며 값이 클수록 더 흐려진다. spread : 양수면 그림자가 확장되고 음수면 축소된다. color : 그림자 색 inset : 그림자가 .. 2022. 8. 30. 이전 1 다음
