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

Question

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

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

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

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

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

Есть ли способ сделать это, используя JavaScript или C # ??

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

Answer 1

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

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

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

Answer 2

Невозможно с чистым CSS, вам нужно использовать что-то еще, например SVG, Flash или Silverlight. Svg также позволит вам вставлять в него произвольные элементы div, поэтому они будут поворачиваться так, как вы хотите, но svg еще не поддерживается в IE, и эта особенность была довольно медленной, когда я последний раз тестировал ее.

Answer 3

Мне нужно было сделать только в IE, и я использовал матричный фильтр и установил значения M11 , M12 М21 и М22 .

<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 4

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

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