Как сделать полупрозрачный текст CSS

Для того, чтобы сделать текст полупрозрачны, можно воспользоваться специальным форматом RGBA. Этот формат задает цвет в виде четырех параметров — красного, зеленого, синего, каждый из которых меняется в диапазоне от 0 до 255 и степень прозрачности цвета, которая задается от 0 до 1. Функцию rgba() в качестве значения можно применить к свойству color.

Пример

Lorem Ipsum

HTML


<p class="text-transparent">Lorem Ipsum</p>
      

CSS


.text-transparent{
  color: rgba(255,255,255,0.8);
}