Chicos tengo una duda, me colaboran por favor
Tengo una capa que se abre al presionar un boton, funciona bien.
Quisiera saber si es posible tener un
efecto sobre la capa de forma tal que se abra/cargue no de forma instantanea como lo hace en este momento, si no que se abra/cargue en forma mas elegante por ejemplo en forma de cortina de "arriba hacia abajo"
Código HTML:
Ver original
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\" />
<script type="text/javascript">
function abrir_capa()
{
var ventana = document.getElementById('capa');
ventana.style.display = 'block';
}
function cerrar_capa()
{
var ventana = document.getElementById('capa');
ventana.style.display = 'none';
}
<div><a id="boton" href="javascript:abrir_capa()">Abrir capa
</a></div>
<div id="capa" style="position: fixed; width: 350px; height: 350px; top: 50; left: 250; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; border: #333333 1px solid; background-color: #FFFFFF; color: #000000; display:none;"> <div style="font-weight: bold; text-align: left; color: #FFFFFF; padding: 5px; background-color:#006394">Capa
</div>
<center>** abc **</center>
<div style="padding: 4px; text-align: center; margin-top: 275px;"><input onclick="cerrar_capa" name="btnAceptar" size="20" type="button" value=" Cerrar " /></div>
Gracias