반응형

◎ box-shadow

▼ 내용

그림자 효과를 나타내기위해 사용한다


◎ box-shadow 문법

▼ 내용

첫번째 길이 값은 수평거리 (음수 :왼쪽 || 양수 : 오른쪽)

두번째 길이 값은 수직거리 (음수 : 위 || 양수 : 아래)

세번째 길이 값은 흐림 반경을 지정한다. (투명도)

색상값은 첫번쨰로 와도되고 마지막으로 와도 된다

box-shadow: 5px 5px 5px gray;


◎ box-shadow 지원 브라우저

▼ 내용

거의 모든 브라우저에서 다 지원한다.


BOX-SHADOW 나 TEXT-SHADOW나

블록 그림자냐 ,텍스트 그림자냐 차이일뿐 문법이나 이런건 다 똑같다.



반응형

+ Recent posts