Buscar este blog

domingo, 9 de junio de 2013

ENLACES DOCUMENTACION CSS3

NTH CHILD CSS3:
http://untitled.es/pseudo-clases-estructurales-css3-formula-nth-child/
MANEJO DE FUENTES CSS3:
http://www.emenia.es/utilizando-css3-hoy-5-font-face/
BORDES CSS3:
http://www.wextensible.com/temas/css3-fondo-bordes/bordes.html
FONDOS CSS3::
http://untitled.es/background-css3/
SOMBRAS CSS3:
http://librosweb.es/css_avanzado/capitulo_1/sombras.html
TRANSFORMACIONES CSS3:
http://untitled.es/transform-con-css3/
TRANSICIONES CSS3:
http://untitled.es/transiciones-css3/
TRANSFORMACIONES 3D CSS3:
http://desandro.github.io/3dtransforms/
CSS3 GENERATOR:
http://css3generator.com/
EJEMPLOS CSS3:
http://marcofolio.net/
http://www.creativosonline.org/blog/50-fantasticos-ejemplos-de-css3.html
MENU DESLIZANTE VERTICAL CSS3:
http://www.creativosonline.org/blog/50-fantasticos-ejemplos-de-css3.html
FICHAS CSS3:
http://designlovr.com/examples/dynamic_stack_of_index_cards/
EJEMPLOS CSS3 EN 3D:
http://desandro.github.io/3dtransforms/docs/card-flip.html
EJEMPLO ANIMACION CSS3:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://w w w.w3. org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>animaciones</title>
<style>
*{margin:0px; padding:0;}
div{
width:196px;
height:196px;
position:absolute;
border:2px solid blue;
text-align:center;
font-size:140px;
background:yellow;
}
@-webkit-keyframes movercuadro{
0% {left:0%; top:0%;}
25%{ left:300px; top:0%;}
50%{ left:300px; top:300px;}
75%{ left:0px; top:300px;}
100% {left:0%; top:0%; }
}
.uno{
-webkit-animation-name:movercuadro;
-webkit-animation-duration:5s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:alternate;
-webkit-animation-delay:2s;
-webkit-animation-timing-function:linear;

}
</style>
</head>

<body>
<div class="uno">1</div>
</body>
</html>

No hay comentarios:

Publicar un comentario