[css] box-shadow 그림자 넣기

dom 요소 겉으로 그림자 효과 주는 CSS

/* Opera */

box-shadow:10px 10px 10px silver;

/* Firefox */

-moz-box-shadow:10px 10px 10px silver;

/* Safiri, Chrome */

-webkit-box-shadow:10px 10px 10px silver;

/* IE */

filter:progid:DXImageTransform.Microsoft.Shadow(color=silver,direction=135, strength=20);

---

/* common */

.rounding { background:#fff; border-radius:5px;

            -webkit-box-shadow:1px 1px 4px 1px silver; /*safari,chrome*/

            -moz-box-shadow:1px 1px 4px 1px silver; /*ff*/

            box-shadow:1px 1px 4px 1px silver; /*opera,chrome*/

            /* filter:progid:DXImageTransform.Microsoft.Shadow(color=silver,direction=135,strength=20); */ /*ie*/

}

.contents-header { -webkit-box-shadow:1px -3px 2px -2px silver; /*safari,chrome*/

            -moz-box-shadow:1px -3px 2px -2px silver; /*ff*/

            box-shadow:1px -3px 2px -2px silver; /*opera,chrome*/

            /* filter:progid:DXImageTransform.Microsoft.Shadow(color=silver,direction=135,strength=20); */ /*ie*/}

---

.shadow {

-webkit-box-shadow:1px 1px 6px 2px silver; /*safari,chrome*/

-moz-box-shadow:1px 1px 6px 2px silver; /*ff*/

box-shadow:1px 1px 6px 2px silver; /*opera,chrome*/

/* filter:progid:DXImageTransform.Microsoft.Shadow(color=silver,direction=135,strength=20); */ /*ie*/ 

}