# Színátmenetek és átfedések

> Háttér-, átfedés- és szövegszínátmenet hozzáadása elemekhez: lineáris, sugaras és kúpos típus, ismétlés.

Háttér-, átfedés- és szövegszínátmenetet bármelyik elemhez adhatsz. Elem szerkesztésekor a **Színátmenet / átfedés** csoportot a **Stílus** lapon találod.

![A Színátmenet / átfedés csoport egy Szakaszon: Alkalmazás, CSS-szelektor, Típus, Szög, Ismétlés és Színek](./kepek/stilusok-2-szinatmenet.webp)

*A Színátmenet / átfedés csoport egy Szakaszon: Alkalmazás, CSS-szelektor, Típus, Szög, Ismétlés és Színek* (https://minta-bolt.hu/home/?bricks=run)

A képen a csoport alapbeállításai láthatók: az **Alkalmazás** most **Háttér**, a **Típus** **Lineáris**, a színeket a **Hozzáadás szín** gombbal veheted fel.

## Közös beállítások

| Beállítás | Mit csinál |
|---|---|
| **Alkalmazás** | Megadja, mire kerüljön a színátmenet: szövegre, háttérre vagy átfedésre. |
| **CSS-szelektor** | Az elem egy adott belső HTML-részét célozza. |
| **Színek** | Legalább két szín kell, hogy színátmenet látsszon. Átfedésnél csökkentsd a színek átlátszatlanságát, hogy átlásson rajta a tartalom. |
| **Típus** | Lineáris, sugaras vagy kúpos színátmenet. |
| **Ismétlés** | Megismétli a színátmenetet az elemen. A megállási pontokkal (stop) (százalékban vagy képpontban) szabályozod, hol váltson a szín. |

### Lineáris színátmenet

- **Szög °-ban**: 0 és 360 fok közötti szög.

### Sugaras színátmenet

- **Alak**: kör vagy ellipszis.
- **Méret**: `closest-side`, `farthest-side`, `closest-corner` vagy `farthest-corner`.
- **Pozíció**: a színátmenet középpontja.

### Kúpos színátmenet

- **Kezdőszög °-ban**: 0 és 360 fok közötti kezdőszög.
- **Pozíció**: a színátmenet középpontja.