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

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

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

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

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

+9
05 июл. '11 в 18:44
источник

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

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

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

0
24 июн. '14 в 8:23
источник

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