letras en diagonal (para el background)

[congrio7]

¿Se puede sin que haga falta que sea una imagen, sino texto?

[caricatos]

Hola:

Se ocurre que podría valerte una imagen svg, con un simple tag text y su rotate.

Por ejemplo:

Código CSS:

body    {
    background: url("data:image/svg+xml;iso-8859-1,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300' x='0' y='0'><text x='150' y='150' font-size='15' stroke-width='.5' stroke='red' text-anchor='center' startOffset='50%' transform='rotate(45)'>Foros del Web</text></svg>");
}
 

Saludos

[pzin]

O usar CSS:

Código CSS:

transform: rotate(45deg);
 

Parece más amable que usar SVG.

[caricatos]

Hola:

Iniciado por pzin

...Parece más amable que usar SVG.

...

Iniciado por congrio7

¿Se puede sin que haga falta que sea una imagen, sino texto?

No sé si solo estilos valga como fondo... con el svg se puede ubicar, repetir, etc.

Por cierto, con un retoque queda:

Código Javascript:

body    {
    background: url("data:image/svg+xml;iso-8859-1,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300' x='0' y='0'><text x='150' y='150' style='font: bold 36px arial; dominant-baseline: middle; fill: red; text-anchor: middle; ' transform='rotate(-45,150,150)'>Foros del Web</text></svg>");
}
 

En la anterior versión sobraba el startOffset (que es válido en tags textPath), y agrupé estilos...

Saludos