Necesito rotar las celdas de una tabla pero que su contenido no rote junto con ellas.
He intentado usar lo siguiente:
#rotate{
-moz-transform: rotate(-45.0deg); /* FF3.5+ */
-o-transform: rotate(-45.0deg); /* Opera 10.5 */
-webkit-transform: rotate(-45.0deg); /* Saf3.1+, Chrome */
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Registrar Usuario</title>
</head>
<body>
<table border="1px">
<tr>
<td id="rotate">Celda</td>
<td id="rotate">Celda 2</td>
<td id="rotate">Celda 3</td>
</tr>
<tr>
<td id="rotate">Celda 4</td>
<td id="rotate">Celda 5</td>
<td id="rotate">Celda 6</td>
</tr>
</table>
</body>
Pero lo que hace es rotar las celdas de la tabla junto con su contenido, lo que me gustaría es girar las celdas pero mantener el contenido con su orientación normal.
Espero me puedan ayudar o decirme si esto es posible o no.
Gracias!