Чтобы задать прозрачность (процент непрозрачности) в CSS, можно использовать свойство opacity или свойство rgba.
- Свойство opacity
Свойство opacity устанавливает степень прозрачности элемента, и может принимать значения от 0 (полностью прозрачный) до 1 (полностью непрозрачный). Например:
div {
opacity: 0.5; /* полупрозрачный */
}
- Свойство rgba
Свойство rgba позволяет задать цвет элемента в формате RGBA (Red, Green, Blue, Alpha), где значение Alpha задает степень прозрачности, и может принимать значения от 0 (полностью прозрачный) до 1 (полностью непрозрачный). Например:
div {
background-color: rgba(255, 255, 255, 0.5); /* белый с полупрозрачностью */
}
В этом примере цвет элемента установлен в белый, а значение Alpha задает полупрозрачность.
Обратите внимание, что прозрачность применяется к цвету элемента и всем его потомкам, и может быть наложена и на содержимое элемента (например, текст), а не только на его фоновый цвет. Также стоит учитывать, что свойство opacity может влиять на видимость элемента и его содержимого, а не только на его прозрачность, так как оно применяется к элементу в целом.
