Смешивание цветов

Свойство mix-blend-mode в CSS управляет тем, как содержимое одного элемента сочетается с фоном или другими элементами на странице. Оно позволяет изменять режим смешивания цветов, что создает интересные визуальные эффекты.

Умножает цвета. Чем темнее элементы, тем темнее становится результат. Это значение часто используется для создания эффектов затемнения.

Этот режим инвертирует цвета и затем умножает их, что приводит к ярким и светлым эффектам.

Это одно из самых популярных свойств для смешивания цветов, которое часто используется на минималистичных черно-белых сайтах. Суть в том, что при использовании этого режима происходит инверсия цветов: то, что было черным, становится белым, а то, что было белым, становится черным. Этот эффект часто применяется в сочетании с изображениями, чтобы текст оставался читаемым и при этом создавал интересный стиль на странице.

Комбинирует эффекты multiply и screen. Светлые области становятся ярче, а темные — темнее.

Затемняет элементы в зависимости от фона. Чем темнее фон, тем темнее становится элемент.