У меня есть 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 и стилизованные компоненты, если это может быть полезно. Спасибо!