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