Ist es möglich, zum anzeigen von text in einem Winkel in eine web-Seite?

Ich würde gerne wissen, ob es möglich ist oder nicht zum erstellen von text in eine web-Seite in einem Winkel, zum Beispiel auf 40 Grad. Wenn es möglich ist, wie kann ich dies tun?

EDIT: Endlich, habe ich beschlossen zu gehen mit Mathias Bynens Antwort.

InformationsquelleAutor Ryan S | 2011-03-23

  1. 3

    Hinzufügen Mathias' Antwort, können Sie drehen von text im IE auch: http://snook.ca/archives/html_and_css/css-text-rotation

    Jedoch, sind Sie verpflichtet, ein Vielfaches von 90°.

    Abgesehen davon, dass Sie verwenden könnten, SVG/VML für gedrehten text. Schauen Sie zum Beispiel auf dieser Seite: http://raphaeljs.com/text-rotation.html

    Er verwendet die Bibliothek RaphaelJS für cross-browser-text-rotation ohne Bilder.

    Es wurde bereits erwähnt, in Kyle ' s Antwort und in den Kommentaren über mir, aber ja, du hast Recht 🙂
    Ich sah Sie beide, wenn ich gespeichert die Antwort. Sollten Sie auch Ihren Kommentar zurück in Ihre Antwort. Macht es eine volle 100% Abdeckung 🙂
    Also die beste soltuion wird, die Bibliothek RaphaelJS für Cross-Browser-Rotation? Es gibt keinen einfacheren Weg?
    Erledigt, danke für die Anregung!
    Die einfachste ist ein Bild. Aber natürlich, es ist am wenigsten günstig. Abgesehen davon, dass es vor allem ein Chaos, es zu tun, cross-browser, und, ja, ich würde vorschlagen, RaphaelJS und eine JavaScript-Lösung, wenn Sie es brauchen, schnell gemacht und brauchen nicht die Fähigkeit, text zu markieren.

    InformationsquelleAutor Boldewyn

  2. 10

    Verwenden CSS3-transforms:

    .selector {
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -o-transform: rotate(40deg);
  transform: rotate(40deg);
}

    IE unterstützt filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);, wo die rotation-Eigenschaft kann einen der vier Werte: 0, 1, 2 oder 3 die drehen das element 0, 90, 180 oder 270 Grad bzw.. Es ist ein filter, obwohl, so würde ich nicht empfehlen es zu benutzen.

    Die OP sollte beachten, dass die meisten Versionen von IE nicht unterstützt CSS3
    Guter Punkt. IE unterstützt filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);, wo die rotation Eigenschaft kann einen der vier Werte: 0, 1, 2 oder 3 die drehen das element 0, 90, 180 oder 270 Grad bzw.. Es ist ein filter, obwohl, so würde ich nicht empfehlen es zu benutzen.
    Vielen Dank Euch allen, ich werde Sie ausprobieren.

    InformationsquelleAutor Mathias Bynens

  3. 0

    Mathias Recht mit seiner Antwort, aber auch Unterstützung, DH Sie können Ihre filter:

    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
/*play with the number to get it right*/

    Dann IE wird auch unterstützt 🙂

    Leider, wie ich bereits in den Kommentaren auf meine Antwort, die rotation-Eigenschaft akzeptiert nur vier Werte: 0, 1, 2 oder 3 die drehen das element 0, 90, 180 oder 270 Grad bzw.. Es gibt keinen Weg, um eine 40° - Drehung auf diese Weise.
    Aha, wirklich? Ich habe nie benutzen Sie die filter, nur wissen, damit ich wusste gar nicht, dass es war "fixed". Vertrauen MS zu erfinden, etwas nützliches, aber gleichzeitig nutzlos.
    Es ist eine Schande, warum der IE neigt dazu, so anders (langweilig)

    InformationsquelleAutor Kyle

Schreibe einen Kommentar