# Keverési módok és CSS-szűrők

> Photoshop-szerű hatások az elemekhez: keverési módok és CSS-szűrők.

A keverési módokkal és a CSS-szűrőkkel Photoshop-szerű hatásokat adhatsz az elemekhez. A CSS-szűrők grafikai hatásokat, például elmosást vagy színeltolást adnak a képekhez.

## Keverési mód

A **Keverési mód** legördülő lista a **Stílus** fülön áll, például a **Címsor** widgetnél a **Szövegárnyék** alatt.

![A Címsor widget Stílus füle a Keverési mód listával](./kepek/stilus-cimsor-keveresi-mod.webp)

*A Címsor widget Stílus füle a Keverési mód listával* (https://minta-bolt.hu/wp-admin/post.php?post=24&action=elementor)

Az Elementor 13 keverési módot kínál: **Normál** (ez az alapérték, nincs keverés), **Szorzás**, **Képernyő**, **Átfedés**, **Sötétítés**, **Világosítás**, **Színfakítás**, **Telítettség**, **Szín**, **Különbség**, **Kizárás**, **Árnyalat** és **Fényesség**.

## CSS-szűrők

A **Kép** widget **Stílus** fülén a **CSS-szűrők** sor ceruza ikonjára kattintva csúszkák nyílnak meg:

- **Elmosás**
- **Fényerő**
- **Kontraszt**
- **Telítettség**
- **Árnyalat**

![A CSS-szűrők csúszkái a Kép widgeten](./kepek/stilus-kep-css-szurok.webp)

*A CSS-szűrők csúszkái a Kép widgeten* (https://minta-bolt.hu/wp-admin/post.php?post=24&action=elementor)

A **Normál** és a **Rámutatás** fülön külön állíthatod a szűrőket, így az elem egérrel fölé mutatva is megváltozhat.