15 Átfedés módok css (css keverési módokkal), amelyek új biztosítékot adnak a képeknek

A Photoshop egyik legértékesebb tulajdonsága, talán egy olyan funkció, amely lehetővé teszi a versenytársak elhagyását - ezek a overlay módok. A keverési módok két képpontot tartalmaznak, amelyek egymás fölött helyezkednek el, és különböző módon kombinálják őket, például az elmosódási üzemmód egyszerűen a két sötét képpont sötétebb színét adja ki. Ha egy teljes képre oszlik, a keverési módok lenyűgöző hatásokat produkálhatnak.

Bár az Adobe Photoshop nem találta fel az átfedési módokat, annak végrehajtása minden bizonnyal a leginkább imitált. Most azonban nem szükséges a Photoshop, hogy stilizáld a képedet így, mert mindent meg tudunk csinálni a CSS3 használatával.

Javul a böngésző támogatás a hátteret keverő üzemmódban. A böngészők korai verziói speciális előtagot és / vagy kísérleti funkciók aktiválását igényelték. De a site caniuse.com azt mondja, hogy már támogatja a Chrome, a Firefox, az Opera és a Safari jelenlegi verzióit. Eddig nincsenek támogatási jelei az IE-től, de mivel ez nagyon progresszív javulás, elkezdhetjük használni.

A CSS3 jelöltjei ajánlásaiban több átfedési mód változata létezik, de a mi célunkra leghasznosabb háttér-keverési mód. Ez a tulajdonság lehetővé teszi két kép vagy kép és a háttérszín keverését.

Itt van a szükséges kód: