Как сделать кроссбраузерный линейный градиент с прозрачностью?

Question

[Diversia]

Подскажите пожалуйста, как сделать кроссбраузерный линейный градиент с прозрачностью:

.top_fon {
	background: linear-gradient(rgb(255,255,255,0.8), rgba(255,255,255,0));
}

Comments

[Варлам Ерофеич]

Полагаю, что в ваш код ошибочка закралась:
Если в скобках три переменных, то надо писать rgb(r,g,b)
Если в скобках четыре переменных, то надо писать rgba(r,g,b,a)

.top_fon {
  background: linear-gradient(to bottom, rgb(200, 200, 100), rgba(140, 200, 240, .8), transparent 76%);
}

[Diversia]

Варлам Ерофеич, спасибо!

Answer 1

[Максим]

background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255,255,255,0.8)), to(rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(rgb(255,255,255,0.8), rgba(255,255,255,0));
background-image: -o-linear-gradient(rgb(255,255,255,0.8), rgba(255,255,255,0));
background-image: linear-gradient(rgb(255,255,255,0.8), rgba(255,255,255,0));

Источник : https://autoprefixer.github.io/ru/

Comments

[Diversia]

Отдельное спасибо за сервис!