Как тексту придать такое при помощи css?

Question

[Za Za]

вроде прозрачности текста но и в тоже время не совсем прозрачно...
знаю что есть такой эффект и даже использовал его не раз - вылетело из головы и даже в гугле найти не могу (((

Answer 1

[Максим Сиваконь]

Все очень просто.

Указываем цвет тексту:

color: #00ffd2;

Указываем прозрачность:

opacity: 0.5;

Дальше немного соли и перца:

mix-blend-mode: luminosity;

Может получить требуемый нам результат, главное правильно выставить цвет, прозрачность, шрифт и mix-blend-mode

У свойства

mix-blend-mode

есть разные параметры. Читаем тут!

element.style {
    font-size: 114px;
    color: #00ffd2;
    mix-blend-mode: luminosity;
}

Comments

[Za Za]

mix-blend-mode - оно!

Answer 2

[Роман]

Используйте фильтры

Answer 3

[Артём]

Как-то так?

.text {
       opacity: 0.5;
}

1 - не прозрачный
0.5 - 50% прозрачности
0.25 - 25% прозрачности
И т.д и т.п...