Drehung

Manchmal ist es cool eine Box oder ein Div um ein paar Grad zu drehen oder zu rotieren, damit nicht alles so ordentlich aussieht. Zum Beispiel könnte man soetwas in einer Bildergallery benutzen um die Thumbnails und Bilder ein bisschen durcheinanderzuwüfeln. Dieser Effekt macht es dann etwas lockerer.

Hier eine CSS - Class um ein Element zu drehen. In diesem Fall ein DIV. ICh habe hier eine negative Drehung genommen, also eine Drehung gegen den Uhrzeiger.

CSS - Drehung
.Drehung {
    -moz-transform:rotate(-5deg);
    -webkit-transform:rotate(-5deg);
    -o-transform:rotate(-5deg);
    -ms-transform:rotate(-5deg);
    transform:rotate(-5deg);
}

Man braucht dafür 5 Zeilen, wenn man alle Browser abdecken will (Crossbrowser Lösung)

  • 1. Firefox 3.6 Firefox 4
  • 2. Safari
  • 3. Safari
  • 4. IE9
  • 5. W3C

Hier das Beispiel:

TEST mit Drehung
Letzte Änderung dieser Information: 02.07.2024 22:38 h

Wir verwenden Cookies und Dienste von Drittanbietern

Akzeptieren Sie Cookies und Dienste?

 Nein   Ja     mehr Information

Wir nutzen folgende Cookies:

php Session Cookie: PHPSESSID
Wird vom Server gesetzt um die Funktionaität der Kontaktformulare, die Auswahl der Sprache, der Wunschliste und dem Warenkorb zu gewährleisten.
Speicherdauer: Bis Ende der Browsersitzung
Werte: SessionID: o8j4cn69a0c24pivnat4vuvot8


Eigenes Cookie: tenerindi_com
Speichert ob Sie Cookies und Dienste akzeptieren und wenn ja, welche Sie akzeptieren.
Speicherdauer: 90 Tage (Bei NEIN nur bis Ende der Browsersitzung)
Werte: AllowCookies: YES / NO - AllowGoogleMaps: YES / NO - AllowYoutube: YES / NO - AllowKalender: YES / NO - AllowMatomo: YES / NO


Matomo Analytics: _pk_id.1.8c15
wird verwendet, um einige Details über den Benutzer zu speichern, wie die eindeutige Besucher-ID
Speicherdauer: 13 Monate

Matomo Analytics: _pk_ses.1.8c15
Kurzzeit-Cookies, die vorübergehend Daten für den Besuch speichern
Speicherdauer: 30 Minuten


Ihre Einstellungen

 Einstellung speichern Schliessen

  Es werden keine dauerhaften Cookies gesetzt und keine Daten an Google gesendet. Sie können allerdings die Landkarte von Google Maps und Streetview nicht nutzen.

  Das Cookie wurde soeben gesetzt.