apple dock css

Menú de iconos similar al Apple Dock en CSS

Si bien es cierto que con el plugin de JQuery se puede lograr el efecto «burbuja» del famoso dock de herramientas de Apple para los iconos de tu sitio web, desde aext.net nos llega este fantástico ejemplo.

Ahora vamos a poder lograr el mismo efecto, pero usando únicamente hojas de estilo, para tener un menú de iconos similar al Apple Dock en CSS.

menu iconos Dock Apple CSS
Menú en CSS con efecto burbuja

Tanto en el ejemplo como en el código para descargar hay dos métodos para lograr el efecto burbuja. En el primero se utilizan los Sprites y el otro es mediante el intercambio de imágenes.

En ambos casos se utiliza solo Css y las imágenes del menú, pero yo recomiendo el método de Sprites para lograr un mejor funcionamiento y una mayor compatibilidad entre los distintos navegadores web.

Descargar codigo
Ver el Ejemplo

Si te gustó o te entretuvo el contenido de este posteo, haciendo un click en los avisos me ayudas a mantener el sitio con vida y a seguir publicando.

Y si quieres ganar algo de dinero sin esfuerzo, registrate en IPRoyal desde este banner y recibí 1 dolar de regalo al comenzar a usar la aplicación para generar ingresos pasivos.

ingresos pasivos Pawns.app

Acá puedes conocer más sobre ingresos pasivos, que es y como funciona IPRoyal Pawns.

Deja un comentario