NULL

그림자속성 정리 본문

Front-end/HTML,CSS

그림자속성 정리

1924 2020. 6. 10. 17:39

그림자 설정

box-shadow을 사용하면 된다.
기본값은 none이다.

 

최종적인 사용방법정리
box-shadow: 50px(가로) 60px(세로) 40px(흐림정도) 50px(그림자크기) blue(색깔);

1. 가로 세로 값을 설정해주면 그림자가 나온다.

2. 그림자에 색을 추가할수있다. 기본값은 검정색이다.

3. 그림자 흐림정도를 설정할수있다. ( 기본값은 0px이다.  )

4. 그림자크기도 지정할수있다.

'Front-end > HTML,CSS' 카테고리의 다른 글

css선택자, 마우스오버(hover)  (0) 2020.06.16
배경 이미지 개념정리  (0) 2020.06.12
페이지배경색과 둥근모서리  (0) 2020.06.10
border 정리  (0) 2020.06.10
가로(width),세로(height),overflow 정리  (0) 2020.06.10
Comments