Gracias por la respuesta tan rápida pero eso fue lo primero que intente inspecione el elemento y copie el css y las etiquetas html5 esto es lo que saque:
Código HTML:
<!DOCTYPE html>
<html>
<head>
<style rel="stylesheet" type="text/css">
.columna .post:after, #excesivo .post:after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 30%;
background-size: 100%;
background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0,rgba(255,255,255,0)),color-stop(100%,#FFFFFF));
background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0,#FFFFFF 100%);
background: -moz-linear-gradient(top,rgba(231,231,226,0) 0,#FFFFFF 100%);
background: -o-linear-gradient(top,rgba(255,255,255,0) 0,#FFFFFF 100%);
/* background: linear-gradient(top,rgba(255,255,255,0) 0,#FFFFFF 100%); */
}
.post{
position: relative;
}
.box{
width: 380px;
}
</style>
</head>
<body>
<div class="box post">
<h1>Duolingo lanza Test Center, un examen para certificarte en inglés</h1>
<p>
La popular aplicación para aprender idiomas ha lanzado una nueva herramienta que te permite obtener certificación en inglés realizando un examen de 20 minutos desde la comodidad de tu hogar. Test Center de Duolingo, nace como alternativa a las pruebas tradicionales de certificación estandarizadas que pueden tomar las personas en diferentes instituciones y que suelen tener un costo mucho más elevado. El examen de Test Center puede ser tomado ya mismo desde la web o desde Android, y tiene un costo de 20 dólares. Por estar aún en fase beta, y para promocionar su lanzamiento puedes tomarlo de manera gratuita por...
</p>
</div>
</body>
</html> Pero debe de haber un error y no se que puede ser.
salu2 y thx de nuevo!