Текст фонового клипа разрывается после использования этого свойстваCSS

Разбираемся в CSS
Ответить
Anonymous
 Текст фонового клипа разрывается после использования этого свойства

Сообщение Anonymous »

У меня возникла проблема с фоновым клипом:текст, он прерывается после использования относительного по непонятной мне причине, текст есть, но цвет отображается прозрачным из-за цвета заливки веб-кита, но он не отображается текстовый градиент, который должен был быть виден после относительного положения. после удаления относительной позиции все работает идеально, и мне нужно его использовать.
это мой фиктивный код: -
Итак, вот мой код в HTML< /code>:

Код: Выделить всё


X
X
X
X
X
X
X
X
X
X
X


Для анимации мне нужно использовать положение: относительное (работает в FireFox, но не в Google Chrome или Safari)
Здесь это CSS:

Код: Выделить всё

.internaltext{
position: relative;
}

.colormanager {
font-family:, Verdana, Arial, Helvetica, sans-serif;
font-weight: 600;
position: relative;
top: 0;
white-space: none;
margin-top: 15px;
color:transparent;
background: -webkit-linear-gradient(left, #fff, rgb(231, 221, 221), #fff);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 0;
display: flex;
flex-direction: row;
font-size: 15px;
padding-left: 20px
}
Я попробовал следующее:
  • Используя наследование: все
Использование наследования во всех

Код: Выделить всё

color:transparent;
background: inherit;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
Никакого интересного ответа не нашел, поэтому задаю вопросы.


Подробнее здесь: https://stackoverflow.com/questions/743 ... s-property
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»