css 시각적 효과 주기

1. 텍스트 그림자

test-shadow :h-shadow v-shadow blur-radius color | none

처음 두개의 프로퍼티는 원본 텍스트와 그림자 텍스트 사이의 수직 수평 거리를 설정하는 프로퍼티로 필수요소이다.

​

2.박스 그림자

box-shadow

box-shadow :h-shadow v-shadow blur-radius spread-radius color | none | inset

spread-radius 는 그림자의 크기를 말한다.

inset은 음각박스로 보이게끔 박스 상단의 안쪽에 그림자를 형성하는 것이다.