Ориентация для div

StackOverflow https://stackoverflow.com/questions/896506

  •  23-08-2019
  •  | 
  •  

Вопрос

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

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

Есть ли способ определить четыре угла div?

(х1, у1) , (x2,y2) , (x3,y3) и (x4,y4)

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

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

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

Это было полезно?

Решение 4

Мне нужно было делать это только в IE, и я использовал матричный фильтр и установка значений для М11, М12, М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>

Другие советы

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

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

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

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

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

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

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top