Tenerindi.com Logo
Loading

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.

.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
TEST mit Drehung

 

Letzte Änderung dieser Information: 17.03.2014 19:53 h
© 2018 tenerindi.com | Impressum und Datenschutz | Kontakt | Glossar | Last Update: 16.10.2023