Documente Academic
Documente Profesional
Documente Cultură
doctype>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="estilos.css">
<title>Efecto Windows 8</title>
</head>
<body>
<section class="contenedor">
<div class="rotar">
<span><article id="rotar-1">
Ventana similar a la de windows 8
</article>
</span>
<span><article id="rotar-2">
Ventana similar a la de windows 8
</article>
</span>
<span><article id="rotar-3">
Ventana similar a la de windows 8
</article>
</span>
<span><article id="rotar-4">
Ventana similar a la de windows 8
</article>
</span>
<span><article id="rotar-5">
Ventana similar a la de windows 8
</article>
</span>
</div>
</section>
</body>
</html>
.contenedor
{
padding: 15px;
margin: 20px auto;
max-width: 980px;
}
.rotar article {
display: inline-block;
padding: 15px;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.6);
box-shadow: 0px 0px 10px black;
color: #333;
cursor: pointer;
}
.contenedor .rotar article {
margin: 10px;
height: 100px;
width: 120px;
background: #2E9AFE;
-webkit-transform: perspective(300px);
-moz-transform: perspective(300px);
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transform: perspective(600px);
-moz-transform: perspective(600px);
}
.contenedor .rotar span:hover #rotar-1 {
-webkit-transform: perspective(300px) rotateY(-180deg)
translateX(100%);
-moz-transform: perspective(300px) rotateY(-180deg)
translateX(100%);
}
.contenedor .rotar span:hover #rotar-2 {
-webkit-transform: perspective(300px) rotateY(-180deg)
translateX(100%);
-moz-transform: perspective(300px) rotateY(-180deg)
translateX(100%);
}
.contenedor .rotar span:hover #rotar-3 {
-webkit-transform: perspective(300px) rotateY(-180deg)
translateX(100%);
-moz-transform: perspective(300px) rotateY(-180deg)
translateX(100%);
}
.contenedor .rotar span:hover #rotar-4 {
-webkit-transform: perspective(300px) rotateY(-180deg)
translateX(100%);
-moz-transform: perspective(300px) rotateY(-180deg)
translateX(100%);
}
.contenedor .rotar span:hover #rotar-5 {
-webkit-transform: perspective(300px) rotateY(-180deg)
translateX(100%);
-moz-transform: perspective(300px) rotateY(-180deg)
translateX(100%);
}
.contenedor .rotar span:nth-child(2n) article
{
background: rgb(240,34,150);
}
.contenedor .rotar span:nth-child(3n) article
{
background: rgb(180,70,30);
}
.contenedor .rotar span:nth-child(4n) article
{
background: rgb(150,120,80);
}
.contenedor .rotar span:nth-child(5n) article
{
background: rgb(200,170,190);
}
.contenedor .rotar span:nth-child(6n) article
{
background: rgb(180,170,220);
}
El isset, nos ayuda mucho en formularios, como por ejemplo, saber si se pulso el boton}
Por ejemplo en la linea que escribiste:
if (isset($_POST['enviarregistro'])) {
echo "codigo que kieras que se haga cuando se pulse el boton -enviar registro-";
}else {
echo "Codigo cuando no se ha pulsado el boton -enviar registro-";
}
Son muchas las funciones que PHP ofrece para el desarrollo de aplicaciones web
profesionales, una de ellas es funcin isset() la cual recibe un parmetro de entrada -una