<!DOCTYPE html>
<html>
<head>
<style rel="stylesheet" type="text/css">
.container .post:after, #excesivo .post:after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50%;
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;
}
p {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
.excerpt {
font-size: 15px;
line-height: 21px;
margin: 10px 0 0 0;
}
</style>
</head>
<body>
<div>
<div class="container">
<div class="box post">
<h1>Un gangster para un milagro (1961) de Frank Capra</h1>
<p class="excerpt">
Pues sí, tarde o temprano tenía que acabar metiendo en El Despotricador Cinéfilo la película “Un gángster para un milagro”. ¿Y qué tiene de especial esta película para significar tanto para mí? Pues que fue, nada más y nada menos, la primera película que vi en mi vida. Casi nada. Después de casi 7000 películas vistas ella fue el origen de todo. Recuerdo perfectamente tener unos 4 años y estar enredando con mis juguetes delante de la pantalla de la televisión cuando empezó la película y como poco fui dejando de hacer caso a mis juguetes y me enfrasque en la película mirándola al principio de reojo y luego totalmente absorto tragándomela de principio a fin a mis 4 años. Fue la primera película que recuerdo conscientemente haber visto. Y lo cierto es que vuelta a ver no podía haber elegido mejor el inicio de mi cinefilia pues sigue siendo una película magnífica, muy entretenida, divertida y, sobre todo, con el encanto infantil que le aporta nuestro querido Capra a sus mejores obras.
</p>
</div>
</div>
</div>
</body>
</html>
ccc
CSS: Efecto texto que se desvanece
Suscribirse a:
Enviar comentarios (Atom)
No hay comentarios:
Publicar un comentario