Orientação para uma div

Question

Existe uma maneira de alterar a orientação para uma div usando css .

ou seja, eu preciso mostrar uma div em uma posição inclinada.

Existe uma maneira pela qual eu posso definir os quatro cantos do div

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

Editar

Existe uma maneira de fazê-lo usando javascript ou C # ??

Existe uma maneira de alterar a orientação de uma imagem e não para uma div ??

Answer 1

A minha necessidade era fazer apenas no IE e eu fiz usando filtro de matriz e definir os valores para M11 , M12 , M21 e 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

Isto não é possível.

Você vai precisar usar uma imagem ou VML / SVG

Por favor, note que o IE não suporta nativamente SVG, e não outros navegadores suportam VML, mas há um SVG para VML wrapper. Verifique o Google

Answer 3

Impossible com css puro, você vai precisar usar outra coisa, como SVG, flash ou Silverlight. Svg também irá permitir que você incorporar divs arbitrárias para ele, então eles vão ficar girada como você quer, mas SVG não é suportado no IE ainda e esta característica particular foi bastante lento quando eu última testado-lo.

Answer 4

Você pode sempre usar inclinações fronteira vez?

Slants permitem desenhar caixas em ângulos, mas eles não vão deixar você colocar o texto em um ângulo.