반응형 box-shadow1 [CSS3] 배너에 그림자를 입히는 원리① ※ 발췌 : 따라하면서 배우는 HTML5 + CSS3 + jQuery + JavaScript 실무활용 14가지 - 위키북스 배너에 그림자를 입히기에 앞서서 box-shadow에 대해서먼저 살펴보겠습니다. box-shadow properties 속성값 설명 h-shadow 그림자의 수평거리(입력한 만큼 떨어져 위치) 음수 양수 모두 가능 v-shadow 그림자의 수직거리(입력한 만큼 떨어져 위치) 음수 양수 모두 가능 blur 그림자의 경계의 흐림 정도 spread 그림자의 확장거리(그림자를 배너보다 크거나 작게 만든다)음수 양수 모두 가능 color 그림자의 색상(16진수 외에 rgba, hsla로도 가능-투명도 조절할 수 있음) inset 내부그림자(inner-shadow와 같음) 적용 ①수평거리 3p.. 2014. 3. 7. 이전 1 다음 반응형