Forgats CSS-el
A CSS3-ban jtt be ez az apr de hasznos kis funkci hogy klmbz dobozokat elfogathatunk pusztn CSS segtsgvel. Ez bizonyos helyzetekben nagyon dekoratv tud lenni, s designksztsnl is maxmimlisan ki lehet hasznlni ezt a tulajdonsgot.
Egy div pldjn keresztl szeretnm bemutatni a dolog mkdst.
div {
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
Fontos hogy a klmbz bngszk miatt fontos mind a hrom sort felrni amikor hasznlod ezt a transzformcit. A deg mint mrtkegysg, termszetesen fokot jelent, vagyis a nulla a nem forgatunk sehov, a 180 pedig a fejre fordtjuk stb.. Fontos mg megjegyezni hogy a vonatkoztatsi pont mindig a dobozod bal fels sarka lesz, ha elfordtod akkor is az eredeti bal fels sarka, ez a pozicionlsnl hasznos lehet!
|