CSS 박스 그림자 box-shadow 속성

1 개요

CSS3 box-shadow Property

CSS 박스 그림자 box-shadow

box-shadow: X오프셋 Y오프셋 블러반경 퍼짐반경 색상;

→ 이중 블러반경(기본값: 0), 퍼짐반경(기본값: 0), 색상(기본값: black)은 생략 가능

2 예시

<style>
.box1 { box-shadow: 5px 5px 3px 10px #aaaaaa; }
.box2 { box-shadow: 5px 5px 3px #aaaaaa; }
.box3 { box-shadow: 2px 2px; }

div { margin: 30px; }
</style>
 
<div class='box1'>한놈</div>
<div class='box2'>두시기</div>
<div class='box3'>석삼</div>

3 같이 보기

• CSS 둥근 모서리 border-radius 속성
• CSS 글자 그림자 text-shadow 속성
• CSS 그림자

4 참고

• http://www.w3schools.com/cssref/css3_pr_box-shadow.asp