Orientamento per un div

Question

C'è un modo per modificare l'orientamento di un div con css .

vale a dire ho bisogno di visualizzare un div in posizione inclinata.

C'è un modo con cui posso definire i quattro angoli del div

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

Modifica

C'è un modo per farlo utilizzando JavaScript o C # ??

C'è un modo per cambiare l'orientamento di un immagine e non per un div ??

Answer 1

La mia esigenza era quella di fare solo in IE e l'ho fatto con filtro a matrice e l'impostazione dei valori per 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

Questo non è possibile.

Sarà necessario usare sia a un'immagine o VML / SVG

Si prega di notare che IE non supporta nativamente SVG, e nessun altro browser supportano VML, ma c'è uno SVG per VML involucro. Controllare Google

Answer 3

impossibile con CSS puro, è necessario utilizzare qualcos'altro come SVG, Flash o Silverlight. Svg vi permetterà anche di incorporare div arbitrari in esso, in modo che otterrà ruotata come si vuole, ma SVG non è supportata in IE ancora e questa particolare caratteristica era piuttosto lento Ultima volta che ho provato.

Answer 4

Si può sempre utilizzare confine inclinazioni invece?

Slants consentono di disegnare scatole su angoli, ma non vi permetterà di mettere il testo su un angolo.