@wagwandude

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

83793c701d1666d42f738253850b17e6.png

Всем привет.
У меня прозрачно-белый логотип находится на слайдере, само лого зафиксировано в левом верхнем углу. Соответственно, когда я перематываю на часть контента, где фон белый, логотип не видно.
Сам вопрос: как сделать так, чтобы при соприкосновении логотипа с белым цветом, его часть становилась темнее?

Использовать SVG? Но можно поподробнее, заранее спасибо.
  • Вопрос задан
  • 274 просмотра
Пригласить эксперта
Ответы на вопрос 2
@wagwandude Автор вопроса
Желательно кроссбраузерное решение.
Ответ написан
Комментировать
filgaponenko
@filgaponenko
frontend developer
Можно сделать спрайт из двух логотипов для светлого и для темного фона и переключать их в зависимости от контента.
Надежно и кроссбраузерно.
Минус: надо точно знать какой контент на слайде (например навешивать на такие слайды соответствующий класс и при переключении слайда смотреть есть ли этот класс и если есть туглить логотип).
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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