@fr0d0_74

Как сделать изменяемый цвет шрифта при наложении букв на svg фигуру?

Люди добрые помогите добрым советом, гуглил проблему как обычно но ответов не нашел, дело в том что не получается реализовать идею.. имеем блок страницы на котором расположена svg фигура поверх нее размещен блок с сотрудниками, блок при изменении размера окна по разному меняет положение блоков по отношению к svg фигуре, поэтому возникает проблема необходимо чтобы цвет шрифта у блока team-corporation>team-coop>p при попадании на красную фигуру svg менялся на белый цвет, а когда не попадает на фигуру имел красный цвет.

Код на codepad

Гуглил попадал на вариант с применением CSS свойства mix-blend-mode, менял структуру блоков ибо нужный блок в данной структуре не может применить это свойство из за наследственности дальней, но не суть... при применение свойства не получается менять на конкретные цвета что не подходит для меня... Может кто сталкивался с такой проблемой? возможно есть решение с применением js

5f9bf5ea6aed1455666928.png
  • Вопрос задан
  • 89 просмотров
Пригласить эксперта
Ответы на вопрос 2
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Либо mix-blend-mode
либо с дублированием контента (у меня в разметке, но можно и с помощью псевдо и data)
Ответ написан
@fr0d0_74 Автор вопроса
RAX7, Ankhena вы самые крутые в мире! дай бог вам здоровьичка отвечаю!
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы