ПредишенСледващото

15 Режими на смесване CSS

Един от най-безценни функции на Photoshop - това е смесване режими. режими на преливане вземат два пиксела, подредени един върху друг и да ги комбинират по различни начини, например по-тъмен режим смесване на цветовете просто представят по-тъмен от двата пиксела. Когато цялото изображение се смесват, смесителни режими могат да произвеждат зашеметяващ ефект.

Сега Take-може да се направи с помощта на динамично CSS3.

Подкрепа браузър

В момента браузъри поддържат CSS фонови свойства на режима на смесване постепенно се подобрява. По-ранните версии на браузъри изискват представки или активиране на експериментални функции. не е ясно все още да подкрепят IE, но като за смесване на режима - прогресивно подобрение, можете да започнете ги третираме като другите браузъри (актуализирани, за да най-новите версии).

Как да се използва в режим на фона микс

В CSS3 има много опции за режима на смесване, но най-полезни за нашите цели е режимът на фона микс. Този имот ни позволява да се смесват две снимки или изображение и цвета на фона.

Това е кодът, че имаме нужда от:

И основната ни CSS:

Вече сме готови да добавите режими сместа.

За да направите това, ние ще добавим още един клас от нашия Разделение, като "размножават":

И тогава ние ще създадете правило второ стил:

Умножение - умножава основния пиксел чрез смесване на цветовете, което води до по-тъмни цветове. Умножение с черно - в резултат на размножаването на черно и бяло - постоянен образ.

цветен екран инверсия умножава по две пиксела. екран - точно обратното на умножение и с помощта на бял фон ще доведе до бяло изображение и черен фон ще напусне образа непроменен.

Наслагване (наслагване) - комплекс режим смесване. Умножение зависи от основен цвят: светли цветове са по-леки, по-тъмни цветове стават по-тъмни.

Плавно регулиране (тъмни) затъмнява изображението. Той гледа два припокриващи пиксела и избира по-тъмен от двете.

Противно на затъмняването -svechenie (облекчи) светва на изображението, сравняване на две припокриващи пиксела и избира този, който е по-лек от двете.

The Color-Dodge

Балансът на цвят (цвят-Додж) украсен основен цвят, за да отрази смесването на цветовете, като същевременно намали контраста.

Цвят-изгаряне

Цвят-изгаряне - цветен контраст-Додж - замъглява основен цвят, което води до увеличаване на контраста.

Hard-светлина

Zheskie светлина (твърда светлина) или умножава или екрани цветове в зависимост от смесване на цветовете. Ако смесването е по-лека от 50% сиво, изображението ще бъде покрита, в противен случай няма да е активен. Това е - един чудесен начин да се подобри разпределението и сенки в изображението.

Мека светлина

Мека светлина (мека светлина) като zheskie светлина. но вместо това, да се размножават, или за предпазване на цвета, използван за по-фин ефект.

разлика

Разликата (разликата) сравнява две припокриващи пиксела и изважда цвят с по-голяма яркост от другата.

Свързани статии

Подкрепете проекта - споделете линка, благодаря!