Eu gostaria de ter uma imagem (uma imagem de fundo) para ficar transparente para que o conteúdo por trás dela possa ser visto (mal, graças à transparência).

Eu posso conseguir isso obviamente com uma imagem PNG, mas eu preciso pedir ao meu designer gráfico para mudar a imagem toda vez que eu quiser mudar os pontos de transparência start => stop (talvez eu queira mais cores ou talvez eu queira menos cores e mais transparência).

Existe alguma chance de eu conseguir o mesmo efeito com CSS3? Eu tentei aplicar um gradiente para transparente em um jpg (e um png), mas não consigo ver através dele, a menos que o PNG já tenha transparência (e basicamente o gradiente) já feito (o que torna o gradiente css inútil).

Alguma sugestão? Eu estou cavando duro através da web, mas parece que não estou usando a palavra certa ou talvez não seja possível.

Atualização 1:

Código diz mais que muitas palavras, eu gostaria de fazer algo assim (mas a sintaxe está obviamente errada):

background: linear-gradient(to bottom, rgba(url('splash_bottom3.png'), 0.0), rgba(url('splash_bottom3.png'), 1.0));