Я хочу сделать на своём сайте панель, которая имеет градиент(от одного цвета до прозрачности)
На своём сайте я просто использую PNG градиент, но выглядит не очень:
Оно ещё и обрезается на некоторых устройствах.
Пытался сделать так:
<div id="panel-A1">
<-- elements... --->
</div>
#panel-A1{
background: rgb(111,111,111);
background: linear-gradient(180deg, rgba(111,111,111,1) 20%, rgba(0,212,255,0) 100%);
}
Но в итоге получается какая то вакханалия из пустоты((
Подскажите пожалуйста, как сделать такое?
И по возможности не постесняюсь потребовать объяснить, как это сделать, и что я делал не так. 
