- Теория
- Теория
Полупрозрачные градиенты
В CSS вы можете задать любой цвет с полупрозрачностью или даже задать прозрачный цвет. Это делается с помощью rgba
-значений цветов, в которых помимо трёх цветовых компонент присутствует прозрачность. Примеры:
rgba(255, 255, 255, 1)
— обычный белый цвет.rgba(255, 255, 255, 0.5)
— наполовину прозрачный белый.rgba(255, 255, 255, 0)
— полностью прозрачный цвет.
Также прозрачный цвет можно задать с помощью ключевого слова transparent
.
Прозрачные и полупрозрачные цвета используют и в градиентах для создания интересных эффектов.
В этом задании нужно дополнить картинку, прописав полосатые полупрозрачные градиенты двух оставшихся квадратов по аналогии с двумя имеющимися, чтобы в итоге в центре возник ещё один квадрат.
Минимальный вид табов
- index.html
HTML
HTML
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.
100%