Post Con Gradient Shadow

Tu Texto Aqui
By: LifexD
By: LifexD
By: LifexD
By: LifexD
By: LifexD
By: LifexD
By: LifexD

<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.shadow{
border:1px solid silver;
font:10pt arial;
position:relative;
display:inline;
background:white;
z-index:100
}

.shadow_inner{
overflow:hidden;
position:absolute;
top: -1000px;
filter:alpha(Opacity=10); /*modify to change the shade solidity/opacity, same as below*/
opacity:0.1; /*firefox 1.5 opacity*/
-moz-opacity:0.1; /*mozilla opacity*/
-khtml-opacity:0.1; /*opacity*/
z-index:10
}

</style>  <script type="text/javascript">

var gradientshadow={}
gradientshadow.depth=6 //Depth of shadow in pixels
gradientshadow.containers=[]

gradientshadow.create=function(){
var a = document.all ? document.all : document.getElementsByTagName('*')
for (var i = 0;i < a.length;i++) {
    if (a[i].className == "shadow") {
        for (var x=0; x<gradientshadow.depth; x++){
            var newSd = document.createElement("DIV")
            newSd.className = "shadow_inner"
            newSd.id="shadow"+gradientshadow.containers.length+"_"+x //Each shadow DIV has an id of "shadowL_X" (L=index of target element, X=index of shadow (depth)
            if (a[i].getAttribute("rel"))
                newSd.style.background = a[i].getAttribute("rel")
            else
                newSd.style.background = "black" //default shadow color if none specified
            document.body.appendChild(newSd)
        }
    gradientshadow.containers[gradientshadow.containers.length]=a[i]
    }
}
gradientshadow.position()
window.onresize=function(){
    gradientshadow.position()
}
}

gradientshadow.position=function(){
if (gradientshadow.containers.length>0){
    for (var i=0; i<gradientshadow.containers.length; i++){
        for (var x=0; x<gradientshadow.depth; x++){
          var shadowdiv=document.getElementById("shadow"+i+"_"+x)
            shadowdiv.style.width = gradientshadow.containers[i].offsetWidth + "px"
            shadowdiv.style.height = gradientshadow.containers[i].offsetHeight + "px"
            shadowdiv.style.left = gradientshadow.containers[i].offsetLeft + x + "px"
            shadowdiv.style.top = gradientshadow.containers[i].offsetTop + x + "px"
        }
    }
}
}

if (window.addEventListener)
window.addEventListener("load", gradientshadow.create, false)
else if (window.attachEvent)
window.attachEvent("onload", gradientshadow.create)
else if (document.getElementById)
window.onload=gradientshadow.create

</script>

 

 

<p class="shadow" style="display: block;" rel="red">Tu Texto Aqui<br />
By: LifexD<br />
By: LifexD<br />
By: LifexD<br />
By: LifexD<br />
By: LifexD<br />
By: LifexD<br />
By: LifexD</p>
<br />
<br />
<br />
<img alt="" src="http://img201.imageshack.us/img201/7907/streetkz4.gif" class="shadow" rel="blue" /><br />
<br />
<br />

Fuente: DinamicDrive.com