dl {
background-color:#f30;
color:#fff;
font-size:13px;
width:50%;
padding:20px;
margin:0 auto;
/* prefix를 사용하여 box-shadow 속성을 지정합니다.*/
/* box-shadow 1번 x축, 2번 y축, 3번 그림자 흐림효과, 4번 두께, 5번 그림자 컬러, 만약 값에 -를 줘서 움직일수도 있다*/
-webkti-box-shadow:20px 20px 20px 5px #000000;
-moz-box-shadow:20px 20px 20px 5px #000000;
-ms-box-shadow:20px 20px 20px 5px #000000;
-o-box-shadow:20px 20px 20px 5px #000000;
box-shadow:20px 20px 20px 5px #000000;
}
박스 그림자 효과 만들기
- box-shadow
- 박스 모델의 그림자 효과를 적용합니다.
- offset-x offset-y blur-radius spread-radius color 값을 지정합니다.