• Теория
  • Теория

Полупрозрачные градиенты

В CSS вы можете задать любой цвет с полупрозрачностью или даже задать прозрачный цвет. Это делается с помощью rgba-значений цветов, в которых помимо трёх цветовых компонент присутствует прозрачность. Примеры:

  • rgba(255, 255, 255, 1) — обычный белый цвет.
  • rgba(255, 255, 255, 0.5) — наполовину прозрачный белый.
  • rgba(255, 255, 255, 0) — полностью прозрачный цвет.

Также прозрачный цвет можно задать с помощью ключевого слова transparent.

Прозрачные и полупрозрачные цвета используют и в градиентах для создания интересных эффектов.

В этом задании нужно дополнить картинку, прописав полосатые полупрозрачные градиенты двух оставшихся квадратов по аналогии с двумя имеющимися, чтобы в итоге в центре возник ещё один квадрат.

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Линейные градиенты» тренажёра «Погружение в декоративные эффекты» можно после регистрации и оформления подписки.