Ориентация на дист

Question

Есть ли способ изменить ориентацию для div с помощью css.

т. Е. Мне нужно отобразить div в наклонном положении.

Есть ли способ, с помощью которого я могу определить четыре угла DIV

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

Редактировать

есть ли способ сделать это с помощью javascript или C# ??

Есть ли способ изменить ориентацию image а не для div ??

Answer 1

Моя потребность в том, чтобы сделать только в IE, и я сделал с помощью матричный фильтр и установки значений для M11, M12, M21 и 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

Это невозможно.

Вам нужно будет либо использовать изображение или VML/SVG

Пожалуйста, обратите внимание, что IE изначально не поддерживает SVG, и не поддерживает никакие другие браузеры VML, но есть SVG в VML обертке. Проверьте google

Answer 3

Невозможно с чистым css, вам нужно использовать что-то еще, например, svg, flash или silverlight. Svg также позволит вам вставлять в него произвольные divs, поэтому они будут вращаться, как вы хотите, но svg не поддерживается в IE, но эта особенность была довольно медленной, когда я последний раз тестировал ее.

Answer 4

Вы всегда можете использовать border slants?

Сланцы позволяют рисовать коробки по углам, но они не позволяют помещать текст под углом.