Что не так с кодом

Question

Что не так с кодом

diss cordd Знаток (276), закрыт 4 года назад

Хочу сделать текст прозрачный но увы не получается
body{
height: 800px;
CSS:
background: linear-gradient(45deg, #521147, #4E53AB);
}
.transparent-text {
font-family: 'Rubik One', sans-serif;
font-size: 50px;
text-transform: uppercase;
background: linear-gradient(45deg, #35428A, #2A125A);
display: table;
margin: 20px auto;
color: white;
border-radius: 5px;
mix-blend-mode: multiply;
padding: 5px 10px;
}
HTML:

Answer 1

Во первых:

background: linear-gradient(45deg, #35428A, #2A125A); - задает фон всему блоку h3

При opacity: 0.2 - фон тоже станет прозрачным.

color: rgba(0,0,0,0.2). попробуйте данное свойство, это черный цвет с прозрачностью 0,2, по идее должно сработать

любой цвет можно перевести из hex (#000000) в rgba(0,0,0,1); для этого есть онлайн конвертеры
Последняя цифра означает прозрачность, от 1 - не прозрачный до 0 - прозрачный,

Answer 2

Чтобы сделать текст прозрачным есть 2 способа:
1) через color свойство, например color: rgba(0,0,0,0.2). последнее 0.2 отвечает за прозрачность (альфа-канал).
2) через opacity. например: opacity: 0.2