Códigos Fuente de CSS

Un panel que muestra el contenido al situar el mouse sobre la parte superior del mismo. Una clase en CSS se encarga de darle formato, aspecto, etc. No precisa JavaScript.
Es compatible con cualquier dispositivo fijo ó móvil.

Espero sea útil.

Un saludo

Código que muestra como poner un menú superior con estilos, y que se vaya desplegando hasta cuatro niveles al ir pasando el ratón por encima sin utilizar javascript.

Damos muchas vueltas con los: Lightbox, Modalbox, Capa con opacidad, etc.
En esencia, estos efectos son muy sencillos; por lo que vemos y observamos por ahí, son muy complicados... ¿Cuál es la realidad?. En definitiva, cuando tenemos tanto donde elegir, acertar se convierte en la clave.

Por ahora, empezaremos con este sencillo Tiny Box a ver qué pasa...

Espero sea útil.

Un saludo

Este simple código muestra como colocar un enlace encima de un vídeo que mostramos en nuestra página utilizando el tag de html5 <video>

Este código muestra como mover las flechas hacia la derecha al poner el puntero del ratón encima del elemento.

Basado en CSS, sin más, he aquí un efecto muy utilizado en los Sitios Web actuales.
Nada de librerías, nada frameworks, nada de bootstrap... Adaptable y compatible, Con escasos 2Kb. es posible.

¡Dale al Scroll y a la Imaginación!. Construye tu Sitio desde cero...


Un saludo

Efecto cargando similar al de Android con HTML5, CSS y SVG

Simple código que muestra como poner un botón de más y menos encima de una imagen y interactuar con ellos.
Utiliza jquery para el evento click.

Este simple código muestra como mostrar un texto centrado verticalmente dentro de una lista <li> con imágenes que se adapta al 100% de la anchura del navegador (pensado para smarthphone)

Este simple código muestra como mostrar un texto centrado verticalmente dentro de una lista <li>