# Különleges hatások CSS-átalakítással

> Elemek forgatása, eltolása, méretezése, ferdítése és tükrözése a Haladó fül Átalakítás szekciójával, normál és rámutatás állapotban.

Az **Átalakítás** szekcióval elforgathatod, eltolhatod, átméretezheted, megdöntheted és tükrözheted az oldal elemeit. A szekció a kompatibilis widgetek **Haladó** fülén található.

> **Megjegyzés**
>
> Az átalakítás jelenleg csak widgetekkel működik, szakaszokkal, oszlopokkal és belső szakaszokkal nem.

![Az Átalakítás szekció a Forgatás felugró ablakkal](./kepek/stilus-css-atalakitas-forgatas.webp)

*Az Átalakítás szekció a Forgatás felugró ablakkal* (https://minta-bolt.hu/wp-admin/post.php?post=24&action=elementor)

A képen a **Forgatás** felugró ablak látszik a **Forgatás (deg)** csúszkával és a **3D forgatás** kapcsolóval.

## Általános tudnivalók

- Minden átalakítás külön állítható a **Normál** és a **Rámutatás** fülön. A rámutatási állapotban időtartamot is megadhatsz, ezzel simábbá teheted a váltást.
- Az értékek töréspontonként is megadhatók: kattints a vezérlő címe melletti eszközikonra.
- A hatásokat a felugró ablakot nyitó ceruza ikonra kattintva éred el.

## A vezérlők

| Vezérlő | Mit csinál |
|---|---|
| **Forgatás** | Az elem forgatása fokban, csúszkával vagy beírt értékkel. A **3D forgatás** kapcsolóval külön tengelyek (X és Y) körül is forgathatsz, és megadhatod a perspektívát (px). Az X és Y tengelyű forgatást a perspektívával együtt érdemes használni. |
| **Eltolás** | Az elem eltolása vízszintesen (X) és függőlegesen (Y) a normál helyéhez képest. Az érték % vagy PX lehet. |
| **Méretezés** | Az elem nagyítása vagy kicsinyítése %-ban. Egy kapcsolóval az arányokat is megtarthatod. |
| **Ferdítés** | Az elem megdöntése: az X és Y érték külön adható meg csúszkával vagy beírva. |
| **Vízszintes tükrözés** | Az elem megfordítása az X tengelyen. |
| **Függőleges tükrözés** | Az elem megfordítása az Y tengelyen. |

## Horgonypontok

A horgonypont azt a pontot jelöli ki, amelyhez képest az átalakítás történik.

- **X horgonypont:** bal, közép vagy jobb.
- **Y horgonypont:** fent, középen vagy lent.

A pontot az ikonokkal választod ki.