shadow effects

----------- Delila's Den: EverQuest Links & Graphics -----------

#delilas
{
font-size:12pt;
text-shadow:5px 5px 7px #020202;
}

<p id="delilas">

The #delilas id is applied to the above paragraph.

.tsttext-shadow {text-shadow:5px 5px 5px #3f4267;}

.tsatext-shadow {text-shadow:5px 5px 5px #69673d;}

<p class="tsttext-shadow">

.shadowfilter-gray {filter:drop-shadow(8px 8px 10px gray);}

<p class="shadowfilter-gray">

The .shadowfilter-gray {filter:drop-shadow} "Filters" are not supported in Internet Explorer.

shadow division - <div class="shadowdiv">


div.shadowdiv {
    width: 300px;
    height: 100px;
    padding: 0px;
    background-color: yellow;
    box-shadow: 10px 10px grey;
}


#boxshadow {
    position: relative;
    -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0,0.5);
    -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
    box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
    padding: 10px;
    background: white;
}

Reduced division width 640 to 630px and height 240 to 220px, and made some position adjustments to accomodate the division padding.

code5.htm