Orientierung für eine div

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

  •  23-08-2019
  •  | 
  •  

Frage

Gibt es eine Möglichkeit zu ändern, um die Orientierung für eine div mit CSS .

dh ich brauche ein div in einer schrägen Position angezeigt werden soll.

Gibt es eine Möglichkeit, durch die ich die vier Ecken des div definieren

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

Bearbeiten

Gibt es eine Möglichkeit, es zu tun mit Javascript oder C # ??

Gibt es eine Möglichkeit, die Orientierung eines Bild zu ändern und nicht für ein div ??

War es hilfreich?

Lösung 4

war Mein Bedürfnis nur in IE zu tun, und ich habe mit Matrix-Filter und die Werte für M11 Einstellung , M12 , M21 und 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>

Andere Tipps

Dies ist nicht möglich.

Sie müssen entweder ein Bild oder VML / SVG verwenden

Bitte beachten Sie, dass IE nativ nicht SVG unterstützt, und kein anderer Browser unterstützt VML, aber es ist ein SVG VML-Wrapper. Überprüfen Sie Google

Impossible mit reinem CSS, müssen Sie etwas anderes wie SVG, Flash oder Silverlight verwenden. Svg wird auch Sie beliebige divs in sie eingebettet werden, so werden sie gedreht erhalten, wie Sie wollen, aber svg unterstützt wird noch nicht in IE und diese Besonderheit war ziemlich langsam, wenn ich es zuletzt getestet.

Sie können immer verwenden Grenze Schrägen statt?

Schrägen können Sie Boxen auf Winkel zeichnen, aber sie werden nicht auf einem Winkel setzen Text.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top