Как менять color в зависимости от цвета фона?

Question

Меню идет position: fixed, и при прокрутке меняется цвет, как менять color в зависимости от фона?

Answer 1

Используйте css-свойство mix-blend-mode со значением difference.

.wrapper {
  display: inline-block;
  background: repeating-linear-gradient(
    45deg,
    #000,
    #fff 20px
  );
  padding: 50px;
}

.wrapper span {
  font-size: 50px;
  font-weight: 700;
  color: white;
  mix-blend-mode: difference;
}

<div class="wrapper">
  <span>Brain Storm</span>
</div>

БЛОГ НА HUSL

Как менять color в зависимости от цвета фона?

Ответы (1 шт):