mix-blend-mode | Режимы наложения css3

С помощью режимов наложения объекты смешиваются друг с другом и получается определенный результат. Такое часто используется в графических редакторах, например в Фотошоп.
Существуют следующие режимы наложения:

mix-blend-mode: normal;
mix-blend-mode: multiply;
mix-blend-mode: screen;
mix-blend-mode: overlay;
mix-blend-mode: darken;
mix-blend-mode: lighten;
mix-blend-mode: color-dodge
mix-blend-mode: color-burn;
mix-blend-mode: hard-light;
mix-blend-mode: soft-light;
mix-blend-mode: difference;
mix-blend-mode: exclusion;
mix-blend-mode: hue;
mix-blend-mode: saturation;
mix-blend-mode: color;
mix-blend-mode: luminosity;

Также доступно свойство background-blend-mode
На данный момент эти свойства поддерживают только самые новые версии браузеров.

Примеры всех режимов

Остались вопросы? Спрашивайте!

Понравилась статья? Расскажи другим :)

Опубликовано: 17 июля 2015 | Просмотров: 8481