Buenas , estoy programando un modal solo con CSS y HTML , pero necesito que salte automaticamente cuando cargue la pagina. Y la verdad que no se como hacerlo.
Ahora mismo lo tengo que salta cuando pulso en un enlace/boton.
Codigo CSS
Código:
<style>
.modal-contenido{
background-color:aqua;
width:300px;
padding: 10px 20px;
margin: 20% auto;
position: relative;
}
.modal{
background-color: rgba(0,0,0,.8);
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
opacity:1;
pointer-events:none;
transition: all 1s;
}
#miModal:target{
opacity:0;
pointer-events:auto;
}
</style>
Codigo html
Código:
<a href="#miModal">Abrir Modal</a>
<div id="miModal" class="modal">
<div class="modal-contenido">
<a href="#">X</a>
<h2>Modal</h2>
<p>Esto es un modal o popup</p>
</div>
</div>
Gracias de antemano