15 módok keverési CSS

15 módok keverési CSS

Az egyik felbecsülhetetlen jellemzői Photoshop - ez keverési módokat. Blend módok, hogy két pixel elhelyezve egymástól, és összekapcsolják őket különböző módokon, például sötétebb színkeverés mód egyszerűen csak be a sötétebb a két pixel. Ha a teljes képet összekeverjük, a keverő rezsimek elképesztő hatást.

Most Take-elvégezhető segítségével dinamikusan CSS3.

böngésző támogatása

Jelenleg böngésző támogatja a CSS background tulajdonságok a keverési módot fokozatosan javul. Korábbi verziói böngészők lenne szükség előtagokat vagy aktiváló kísérleti funkciókat. nem világos még, hogy támogassa az IE, hanem a keverési módok - progresszív növelése, akkor lehet kezdeni kezelni őket, mint a többi böngésző (frissítve a legújabb verzióra).

Hogyan kell használni a háttérben mix mód

A CSS3 van egy csomó keverési mód beállításait, de a leghasznosabb céljainknak a háttérben mix módot. Ez a tulajdonság lehetővé teszi számunkra, hogy keverje a két kép, vagy egy kép és a háttér színét.

Itt a kód, amire szükségünk van:

És a fő CSS:

Most már készen állunk, hogy adjunk a blend módok.

Ehhez fogunk adni egy másik osztály a div, mint például a „többszörösen”:

És akkor majd hozzon létre egy második stílus szabály:

Szorzás - megsokszorozza az alap pixel keverésével szín, ami a sötétebb színek. Szorzás fekete - az eredmény a szorzás a fekete és a fehér - állandó képet.

képernyős színes inverzió megsokszorozza a két pixel. képernyőn - az ellenkezője a szorzás és egy fehér alapon vezet fehér kép, és a fekete háttér fogja hagyni a kép nem változott.

Overlay (overlay) - komplex keverési módot. Szorzás függ az elsődleges szín: világos színek világosabb, sötétebb színek sötétebb lesz.

Dimming (sötétíti) a kép sötétebb lesz. Ő nézi egymást átfedő két pixel, és kiválasztja a sötétebb a kettő.

Ellentétben tompítása -svechenie (világosítani) megvilágítja a képet, összehasonlítva a két egymást átfedő pixel, és kiválasztja az egyik, hogy könnyebb a kettő.

A Color-Dodge

A színegyensúly (szín-Dodge) díszített alapszín, hogy tükrözze a színkeverés, miközben csökkenti a kontraszt.

Color-burn

Color-burn - ellentétben színes Dodge - eltakarja alapszín, ami növeli a kontrasztot.

Kemény fény

Zheskie fény (hard-fény), vagy szoroz vagy képernyőkön a színek függően színkeverés. Ha a keveredés világosabb az 50% -os szürkénél, a kép fog tartozni, egyébként szürkén jelenik meg. Ez - egy nagyszerű módja annak, hogy javítsa az elosztási és az árnyékok a képet.

Lágy fény

Lágy fény (soft-fény), mint zheskie fény. hanem, hogy szaporodnak, vagy, hogy megvédje a használt szín a finomabb hatást.

különbség

A különbség (a különbség) összehasonlítja a két egymást átfedő pixel és kivon színes nagyobb fényerőt a többi.

Kapcsolódó cikkek