Códigos Fuente de CSS

Este simple ejemplo, muestra como centrar de manera horizontal y vertical un texto dentro de un div

Este código posiciona un vídeo de youtube encima de una imagen de un monitor, simulando que el vídeo se emite desde una pantalla dentro de la web.



Este código lo he desarrollado para contestar una pregunta del foro de HTML.

Este simple código muestra como mover de izquierda a derecha el logo mientras tenemos el ratón encima de la imagen de manera indefinida.

Como en la definición de un iframe no se puede poner un valor con porcentaje, aquí se muestra la manera de como hacerlo añadiendo el iframe dentro de un div.
Es muy útil para utilizar en diseños responsive.

Este ejemplo, muestra como utilizar dos iframes que ocupen el 20% y 80% de la pantalla.

Este código muestra como dibujar una flecha hacia la derecha, izquierda, abajo y arriba con HTML y CSS3 sin utilizar ninguna imagen.

Aquí os muestro un sencillo ejemplo de como hacer un menú desplegable para ser utilizado en smartphones y tabletas.
El despliegue del menú se realiza con jquery

En este simple código muestro como rotar un texto de forma vertical.

Les traigo un excelente menú estático y elegante, realizado con css y html.
Pueden verlo en acción en la pagina http://www.paginasweb-sistemas.com.ar

Código que muestra como utilizar una transición de un height:0px; a un height:auto; utilizando transition de CSS3.

Para que funcione correctamente, en vez de utilizar height, utilizaremos max-height, de esta manera únicamente cogerá el tamaño necesario, que seria lo mismo que utilizar height:auto;

Menú utilizado para las paginas web que necesitan implementar un menú que aparezca y desaparezca cuando nuestra web esta en responsive para utilizar en un móvil o tablet.
Este código de CSS3, muestra un recuadro el cual al ser pulsado se desplegará un menú hacia la derecha haciendo un simple efecto.