Tema: Rotar Texto
Ver Mensaje Individual
  #9 (permalink)  
Antiguo 22/01/2009, 08:46
furoya
(Desactivado)
 
Fecha de Ingreso: noviembre-2002
Ubicación: Ciudad Autónoma de Buenos Aires
Mensajes: 2.367
Antigüedad: 21 años, 4 meses
Puntos: 317
Respuesta: Rotar Texto

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>