Orientación para un div

Question

¿Hay una manera de cambiar la orientación de un div usando CSS .

es decir que necesito para mostrar un div en una posición inclinada.

¿Hay un camino por el cual puedo definir las cuatro esquinas de la div

(x1, y1) , (x2, y2) , (x3, y3) y (x4, y4)

Editar

¿Hay una manera de hacerlo utilizando JavaScript o C # ??

¿Hay una manera de cambiar la orientación de una imagen y no para un div ??

Answer 1

Mi necesidad había que hacer en IE sólo y lo hice usando filtro de matriz y el establecimiento de los valores de M11 , M12 , M21 y M22 .

<style>
      .SlantingDiv { padding: 2px; filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',M11=1.0,M12=0.4,M21=-0.2,M22=1.0); width: 60; height: 60; padding: 6px; border: #a9a9a9 1px solid }
</style>

<div class="SlantingDiv">
       Slanting Text or Image
</div>

Answer 2

Esto no es posible.

Usted tendrá que usar ya sea una imagen o VML / SVG

Tenga en cuenta que IE no soporta de forma nativa SVG, y no hay otros navegadores son compatibles con VML, pero hay una SVG a VML envoltura. Compruebe Google

Answer 3

Imposible con CSS puro, que tendrá que utilizar otra cosa, como SVG, Flash o Silverlight. SVG también te permiten insertar divs arbitrarias en ella, por lo que girará como usted quiere, pero SVG no es compatible con IE y sin embargo esta característica particular era bastante lento última cuando lo probé.

Answer 4

Siempre se puede usar frontera sesgos lugar?

Slants le permiten dibujar cajas en ángulos, pero que no deja poner el texto en un ángulo.