Opacidade gradiente na parte inferior do div

Eu gostaria de criar efeito como nesta imagem - opacidade do gradiente na parte inferior do conteúdo:Como eu posso fazer isso?

como fazer flexboxes aninhados trabalhar

Eu tenho um pequeno exemplo de uma configuração flexbox aninhada:http://jsfiddle.net/ThomasSpiessens/MUrPj/12/

É válido atribuir um valor duas vezes à mesma propriedade dentro de uma regra?

Adicionar uma classe 'ativa' a todos os links ativos nos trilhos?

Basicamente, eu tenho um monte de código que se parece com isso:

Clique através div [duplicate]

Esta questão já tem uma resposta aqui:Clique através de div para elementos subjacentes 14 respostasQuando no ronda de notificação, eu quero fazer a opacidade...

Interpolação de string de nome de classe LESS não está funcionando

O CSS é processado de maneira diferente no servidor da Web do que no ambiente de desenvolvimento

Como posso alinhar a imagem e o cabeçalho h1 ajadecently?

CSS - Alterar caixa-sombra específica na lista de sombras de caixa

JavaScript crescente variável