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

Question

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

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

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

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

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

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

Есть ли способ изменить ориентацию изображения, а не для 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 также позволит вам вставлять в него произвольные элементы div, поэтому они будут вращаться так, как вы хотите, но svg еще не поддерживается в IE, и эта особенность была довольно медленной, когда я в последний раз тестировал ее.

Answer 4

Вы всегда могли бы использовать вместо этого косые грани?

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