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