Como fazer uma Janela Modal

Essa janela Modal foi criada com CSS3.
Elas servem para fazer pop-ups, e também criar uma área de login ou de registro para usuários.

    Na folha de estilos:
        .janelaModal{
    position:fixed;
    font-family: Arial, Helvetica, sans-serif;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background: rgba(0,0,0,0.6);
    z-index:99999;/*Para que a janela Modal fique acima de tudo,
    a propriedade z-index define a posição.*/
    opacity:0;
    -webkit-transition:opacity 400ms ease-in;
    -moz-transition:opacity 400ms ease-in;
    transition:opacity 400ms ease-in;
        }

	
.janelaModal:target{
	     opacity:1;
	     pointer-events:auto;
	}
	
.janelaModal{
	width:400px;
	height:300px;
	position:relative;
	margin:10%auto;
	padding:5px 20px 13px 20px;
	border-radius:10px;
	background:-moz-linear-gradient(#fff,#999);
	background:-webkit-linear-gradient(#fff,#999);
	background:-0-linear-gradient(#fff,#999);
	}
	
.fechar{
	background:#606061;
	color:#FFFFFF;
	line-height:25px;
	position:absolute;
	right:16px;
	text-align:center;
	top:10px;
	width:24px;
	text-decoration:none;
	font-weight:bold;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	border-radius:12px;
	-moz-box-shadow:1px 1px 3px #000;
	-webkit-box-shadow:1px 1px 3px #000;
	box-shadow:1px 1px 3px #000
	}
	
.fechar:hover(background:#00d9ff;}
        

Janela Modal em funcionamento