CSS 그림자효과

    2018-03-19 09:38:33 작성

    text-shadow

    text-shadow h-shadow v-shadow blur-radius color|none|initial|inherit;

    텍스트에 그림자 효과를 지정합니다.
    하나의 텍스트에 여러 그림자 효과를 지정하는 경우 ,로 구분하여 지정합니다.

    h-shadow (필수) 그람자의 수평 방향 위치(필수, 음수값 가능)
    v-shadow (필수) 그람자의 수직 방향 위치(필수, 음수값 가능)
    blur-radius (선택) 그림자가 번지는 정도 반지름의 길이로 지정. 기본값 : 0
    color (선택)그림자의 색상. 기본값: black
    none 기본값, 그림자 효과 없음



    box-shadow

    box-shadow: none| h-offset v-offset blur spread color inset |initial|inherit;

    요소에 그림자효과를 지정합니다.
    하나의 요소에 여러 그림자 효과를 지정하는 경우 ,로 구분하여 지정합니다.

    none 기본값, 그림자를 그리지 않음
    h-offset (필수) 그림자의 수평 방향의 위치 지정 (음수 가능)
    v-offset (필수) 그림자의 수직 방향의 위치 지정 (음수 가능)
    blur (선택) 그림자의 흐려짐 정도를 지정
    spread (선택) 그림자의 확산 반경 정도를 지정 (음수 가능)
    color (선택) 기본값 : black
    Safari PC버전은 필수 지정입니다.
    inset (선택) 내부 그림자로 변경합니다.