с использованием линейного градиента CSS3 от альфы до цвета

Question

Я ищу способ сделать линейный градиент от «ничего» (альфа) до определенного цвета: # e6a015. Я не могу найти его ни в Google, ни здесь, может ли кто-нибудь сказать мне, как это сделать?

Answer 1

Вы можете использовать RGBA цвет с альфа в качестве нулевого

background-image: -ms-linear-gradient(top left, rgba(230,160,21,0) 0%, rgb(230,160,21) 100%); 

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top left, rgba(230,160,21,0) 0%, rgb(230,160,21) 100%); 

/* Opera */ 
background-image: -o-linear-gradient(top left, rgba(230,160,21,0) 0%, rgb(230,160,21) 100%); 

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, rgba(230,160,21,0)), color-stop(1, rgb(230,160,21))); 

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top left, rgba(230,160,21,0) 0%,rgb(230,160,21) 100%); 

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom right, rgba(230,160,21,0) 0%, rgb(230,160,21) 100%); 

DEMO