Forgatás CSS-el
A CSS3-ban jött be ez az apró de hasznos kis funkció hogy külömböző dobozokat elfogathatunk pusztán CSS segítségével. Ez bizonyos helyzetekben nagyon dekoratív tud lenni, és designkészítésnél is maxmimálisan ki lehet használni ezt a tulajdonságot.
Egy div példáján keresztül szeretném bemutatni a dolog működését.
div {
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
Fontos hogy a külömböző böngészők miatt fontos mind a három sort felírni amikor használod ezt a transzformációt. A deg mint mértékegység, természetesen fokot jelent, vagyis a nulla a nem forgatunk sehová, a 180 pedig a fejére fordítjuk stb.. Fontos még megjegyezni hogy a vonatkoztatási pont mindig a dobozod bal felső sarka lesz, ha elfordítod akkor is az eredeti bal felső sarka, ez a pozicionálásnál hasznos lehet!
|