Показать сообщение отдельно
  #1 (permalink)  
Старый 10.01.2020, 20:06
Аспирант
Отправить личное сообщение для ethereal Посмотреть профиль Найти все сообщения от ethereal
 
Регистрация: 06.05.2019
Сообщений: 94

Менять цвет логотипа над блоком
Здравствуйте! Подскажите как можно сделать что то подобное:
https://codepen.io/eighthday/pen/MKqBjX

Только нужно что бы не дублировать логотип.

К примеру, в header есть два лого (img) - черный и белый... Когда он находится над белом фоне, должен показыватся черный логотип - а когда он над черном фоне - показывать белый. Как в примере выше!

По такому принцепу:
<div class="logo fixed">
  <img src="#logo-white">
  <img src="#logo-black">
</div>

<div class="block-black"></div>
<div class="block-white"></div>


Какие есть варианты? Спасибо!
Ответить с цитированием