Чтобы настроить прозрачность в градиенте CSS, можно использовать функцию rgba(). 1 Первые три числа в ней определяют фон, а четвёртое — прозрачность. 1 Оно представляет собой десятичную дробь в диапазоне от 0.0 (полная прозрачность) до 1 (полная непрозрачность). 1

Пример кода для создания градиента с 50-процентной прозрачностью: 2

div {  height: 200px;  background: linear-gradient(to right, rgba(255, 0, 0, .5), rgba(0, 0, 255, 1));}

Также в качестве цвета можно указать transparent — полную прозрачность. 1 Это используют для эффекта затухания. 1