Es simplemente un degradado que se pone encima del texto mediante un pseudo-elemento. El código lo puedes inspeccionando el elemento:
Código CSS:
Ver original.columna .post:after, #excesivo .post:after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 30%;
background-size: 100%;
background: linear-gradient(top,rgba(255,255,255,0) 0,#FFFFFF 100%);
}
Aparte de eso, lo único que necesita el elemento contenedor, en este caso
.post, es una posición relativa.