1. text-shadow

텍스트나 요소에 그림자(Shadow) 효과를 부여하기 위한 프로퍼티를 선언한다. 텍스트에 그림자 효과를 부여하는 프로퍼티이다.

Horizontal-offset 그림자를 텍스트의 오른쪽으로 지정값만큼 이동시킨다.
Vertical-offset 그림자를 텍스트의 아래로 지정값만큼 이동시킨다.
Blur-Radius 그림자의 흐림정도를 지정한다. 지정값만큼 그림자가 커지고 흐려진다.(양수)
Shadow-Color 그림자의 색상을 지정한다.

2. box-shadow

요소에 그림자 효과를 부여하는 프로퍼티이다.

Inset inset 키워드를 지정하면 그림자가 요소 안쪽에 위치한다.
Horizontal-offset 그림자를 텍스트의 오른쪽으로 지정값만큼 이동시킨다.
Vertical-offset 그림자를 텍스트의 아래로 지정값만큼 이동시킨다.
Blur-Radius 그림자의 흐림정도를 지정한다. 지정값만큼 그림자가 커지고 흐려진다. (양수)
Spread 그림자를 더 크게 확장시킨다. (음수, 양수)
Shadow-Color 그림자의 색상을 지정한다.

출처 : https://poiemaweb.com/

Comments