Есть ли способ имитировать фильтр наложения фотошоп с помощью CSS?

Наложение наложения изменяет цвет изображения сверху, а не просто изменяет прозрачность. Есть ли способ имитировать это с помощью CSS? Просто экспорт образа фотошопа со слоем, установленным для наложения и размещением его поверх фона на веб-странице, не работает.

5
05 июля '11 в 21:37
источник поделиться
3 ответов

Это невозможно сделать с чистым css, но это можно сделать с помощью javascript. Проверьте Функция Pixastic blend, у нее есть ~ 20 методов смешивания, которые соответствуют тем, что есть в фотошопе.

Примечание: этот ответ стал менее точным с годами. Атрибут mix-blend-mode теперь работает в большинстве браузеров, и кажется, что пиксель исчез.

9
05 июля '11 в 21:44
источник

Я опаздываю на вечеринку, но теперь есть свойство mix-blend-mode css, которое применяет режим смешивания к целому элементу, который учитывает приведенные ниже элементы.

1
15 мая '15 в 0:21
источник

теперь вы можете сделать это с помощью CSS, но только в современном браузере, попробуйте background-blend-mode: multiply; он смешивает фоновое изображение элемента с его фоновым цветом.

0
24 июня '14 в 11:23
источник

Посмотрите другие вопросы по меткам или Задайте вопрос