Y luego pasan estas cosas por postear esto (funcion
color() cortesía de
caricatos ! )
Código PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title>REFLEJO.</title>
<script type="text/javascript">
function color(n) {
return "0123456789ABCDEF".charAt(parseInt(n / 16)) + "0123456789ABCDEF".charAt(parseInt(n % 16));
}
function voltear1(){
var contRefl = prueba = "";
var objOrig = document.getElementById( "enves" );
var alto = parseInt(objOrig.offsetHeight);
var contOrig = objOrig.innerHTML;
var capas = alto;
for(c=0, col=0; c<capas/2; c++, col+=255/(capas/2) ){
var colHex="#"+color(col)+color(col)+color(col);
contRefl += "<div style='position:absolute; top:"+c+"px; height:1px;'><div style='margin-top:"+(c+1-alto)+"px; color: "+colHex+";'>"+ contOrig +"</div></div>";
}
document.getElementById("reves").style.height = alto +"px";
document.getElementById("reves").innerHTML = contRefl;
}
onload = voltear1;
onresize = voltear1;
</script>
<style type="text/css">
#enves , #reves {
position:relative;
font-weight:900;
font-size:70px;
font-family:"arial black";
color:#000000;
margin-bottom:-44px;
}
#reves div {
overflow:hidden;
}
</style>
</head>
<body>
<h2>Reflejo vertical de texto. (IE, FF)</h2>
<div id="enves"> derkeNuke </div>
<div id="reves"></div>
</body>
</html>
Bonito bonito, me convence el script. También se podría hacer el reflejo de una imágen, intentaré probarlo...