непрозрачность на линейном градиенте background-image

Question

Как установить значение непрозрачности, например opacity: 0.6 на линейно-градиентное фоновое изображение?

background-image: linear-gradient(to left, #00497a -26.48%,#003366 73.52%); 

Спасибо!

Answer 1

Заменить hexidecimal color-codes с rgba color-codes:

div { 
 
width: 150px; 
 
height: 150px; 
 
background-image: linear-gradient(to left, rgba(0,67,116,0.6) -26.48%, rgba(0,51,102,0.6) 73.52%); 
 
}

<div> 
 
</div>

Answer 2

Использование RGBA значения:

linear-gradient(to left, rgba(0,73,122,0.6) 26.48%, rgba(0,51,102,0.6) 73.52%); 

Я использовал this tool для преобразования HEX цвета RGBa и добавить непрозрачность. Отказ от ответственности: я создал этот инструмент.