Voltear texto verticalmente en Firefox ( sin filter : flipV(); flipH() )

[derkenuke]

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 &#37; 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...