Ocultar contenido de nuestras entradas

Hoy voy a mostraros como podemos poner en nuestras entradas cajas de texto para ocultar contenido con efecto Hover.
las cajas de tenemos sirve cuando tenemos una entrada muy amplia y tenemos que dividirla en varias seccione.
Esto nos sirve para que nuestro lectores no se aturullen con tanta información, y acaben saliendo de nuestro blog.
Esta caja que mostramos hoy esta hecha solo con código HTML y CSS.
Con el efecto del ratón conseguiremos que se expanda en su totalidad mostrando el texto oculto.

<style type="text/css"> div.expand { height: 30px; margin: 0px 65px 0px 65px; padding: 20px; text-align: left; overflow: hidden; border: 2.5px solid #b0c4de; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcJbeoMb-LsX7DRQGxw8mhwvNS7m0ISIZqTGmlgE4qJXFaqhaqQy3wqYnhDFf-FCMzoxvzlShm9p10a_DprPY8o7U7PN6Md5RTwffZYdW5-SQbU8FXkF_59RidD7uuGab_GbTShbdpA2g1/s1600/hoja.jpg"); color: navy; font-size: 18px; font-family: 'calibri' , sans-serif; } div.expand:hover { height: auto; margin: 0px 65px 0px 65px; padding: 20px; text-align: left; border: 2.5px solid #b0c4de; background-color: white; color: navy; font-size: 18px; font-family: 'calibri' , sans-serif; } </style> <div class="expand"> <h4 style="text-align: center;"> Texto a mostrar con el contenido oculto.....</h4> Texto a mostrar expandiendo todo el contenido oculto........ </div>

El resultado es el siguiente:

Texto a mostrar con el contenido oculto.....

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.......