Как адаптировать цвет rgb к существующему цвету фона div? - PullRequest
0 голосов
/ 03 августа 2020

У меня есть div, который я использую в абсолютной позиции для создания эффекта затухания текста. Он работает хорошо, но только при использовании с аналогичным цветом фона. Как адаптировать цвет rgb к любому фону?

Вот мой css:

const Query = styled.div`
  max-width: 240px;
  white-space: nowrap;
  overflow-x: hidden;
  position: relative;
  &:after {
    content: "";
    position: absolute;
    top: 0;
    right: 25px;
    height: 100%;
    width: 48px;
    background: linear-gradient(
      -90deg,
      rgb(233, 235, 239) 0%,
      rgba(233, 235, 239, 0) 100%
    );
  }
`;

Я использую React и стилизованные компоненты, если это может быть полезно. Спасибо!

...