CSS Shadows

NO MORE GRAPHICS FOR SHADOW EFFECTS

cdl_capture_2011-06-08-43_ 000

 

BOX SHADOW

.shadow {
    -moz-box-shadow: 0px 0px 10px #999;
    -webkit-box-shadow: 0px 0px 10px #999;
    box-shadow: 0px 0px 10px #999;
}

TEXT SHADOW

.shadow_txt {
    -moz-text-shadow: 1px 1px 3px #D1CFC1;
    -webkit-text-shadow: 1px 1px 3px #D1CFC1;
    text-shadow: 1px 1px 3px #D1CFC1;
}

INNER SHADOW

.inner_shadow{
    -webkit-box-shadow: inset 0px 0px 10px #AAA;
    -moz-box-shadow: inset 0px 0px 10px #AAA;
    box-shadow: inset 0px 0px 10px #AAA;
}

Leave a comment