Как создать эффект выделенного текста с инверсией?

Question

[Анна]

Была поставлена задача оформить меню и заголовок на главной странице эффектом выделенного текста, как это выглядит в фотошопе (когда выделяешь текст, полоска выделения инвертируется в негатив).
Я добавила к тексту белый фон и, с помощью mix-blend-mode:exclusion в css, мне удалось получить нужный эффект, фон текста стал прозрачным и бэкграунд под ним инвертировался, НО при этом сам текст стал прозрачным. Подскажите, может как-то можно сохранить цвет текста или может как-то его отдельно задать?
Фото того, что у меня получилось. Нужно чтобы буквы были белые или чёрные.
Благодарю!

Comments

[Aetae]

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

Answer 1

[RAX7]

Comments

[Анна]

Спасибо огромное!!!