- Теория
- Теория
Полупрозрачная тень
Если у тени ненулевой радиус размытия, то она автоматически становится полупрозрачной. Но иногда нужно сделать полупрозрачной тень без радиуса размытия (например, как у кнопок в мини-браузере).
Для этого можно использовать новый формат записи цветов в CSS — rgba
. Пример:
color: red;
color: #ff0000;
color: rgba(255, 0, 0, 0.5);
Все записи цвета в примере задают красный цвет, но в последней записи задан красный с 50% прозрачностью.
В rgba
первые три значения задают цвет и могут быть целым числом от 0
до 255
. Последнее значение задаёт уровень прозрачности и может быть дробным числом от 0
(полная прозрачность) до 1
.
Задавать полупрозрачный цвет с помощью rgba
можно не только теням, но и остальным свойствам с цветом: рамкам, фону и так далее.
Хотите досконально разбираться в разметке, знать о доступности, строить сетки на флексбоксах? Записывайтесь на профессиональный курс по вёрстке первого уровня, проходящий c 27 мая по 29 июля 2024. До 26 марта цена 19 900 ₽22 900 ₽
- index.html
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.