Y ya que nombramos a
Safari, resulta que también tiene un filtro
-webkit-transform: rotate(deg) que funciona en
Chrome. La ventaja es que trata al texto como tal, no lo convierte a imagen como hace
canvas.
Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title>ROTAR TEXTO CON WEBKIT.</title>
<style type="text/css">
body {background-color:#000000; color:#ffffff; font-size:100%; }
#girado {background-color:#ffffff; color:#000000; font-size:3em; width:7em;
margin-top:3em; -webkit-transform: rotate(315deg); text-align:center;
border:1px solid #ff0000; }
</style>
</head>
<body>
<h2>Texto rotado para Safari, Chrome.</h2>
<div id="girado">Foros del Web.</div>
</body>
</html>