capa extencible

[Nemutagk]

Claro que se puede hacer, se hace con Javascript

Código HTML:

<div id="capa-extensible" onmouseover="extender()" onmouseout="retraer()">
<!-- Contenido del Div -->
</div>
 

El javascript:

Código Javascript:

function extender() {
//El tamaño que tendra cuando se pose el cursor sobre el div
document.getElementById('capa-extensible').style.height = '100px';
}
 
function retraer() {
//Regresamos al tamaño original
document.getElementById('capa-extensible').style.height = '20px';
}
 

Obviamente el efecto que tendrá sobre el div es instantáneo, si deseas ir agrandando poco a poco el div puedes agregar el siguiente código

Código Javascript:

for(i=20; i<=100; i++) {
var newHeight = i + 'px';
document.getElementById('capa-extensible').style.height = newHeight;
}
 

Claro, tienes que modificarlo según tus necesidades