Staff en línea

[CSS] Navbar con Efecto Zoom
Tema iniciado por y Añadir a favoritos

[CSS] Navbar con Efecto Zoom 
el Mar Mar 29, 2016 10:01 am
[codebox]Añade un efecto Zoom o de agrandamiento a tu barra de navegación. [/codebox]



Ajusten los valores de ancho (width) y height(altura) correctamente para que no se vaya a aplastar o alagar de más.

[hidecode]
Código:
ul.linklist li a img {
transition:width 2s, height 2s, -webkit-transform 2s;
 -webkit-transition:width 2s, height 2s, -webkit-transform 2s;
width: 90px;
height: 50px;
}
ul.linklist li a img:hover {
transition:width 2s, height 2s, -webkit-transform 2s;
 -webkit-transition:width 2s, height 2s, -webkit-transform 2s;
 width: 120px;
 height: 55px;
}
[/hidecode]
YoshiGM
avatar

¿Que estoy pensando? :

Octubre Sorprendeme [?] [table class=fecha_up][td]Se modifico:1/010/18 - 17:37 hrs. [/td][/table]


Banner en temas :

https://i.servimg.com/u/f19/13/45/80/80/banner10.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #555


Mensajes :

1151


Puntos :

1548


Me gusta :

237


ingreso :

17/12/2014


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario http://www.yoshifansclub.net

Volver arriba Ir abajo

Re: [CSS] Navbar con Efecto Zoom 
el Miér Mar 30, 2016 2:30 pm
que bueno, pero no creo que a mi me sirva ya que tengo imágenes por botones
Himnoshistoricos
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

https://c2.staticflickr.com/2/1445/25839638916_404acbe82c_b.jpg


Color de titulos :

#fff


Sombra titulo :

0 1px #000


Mensajes :

499


Puntos :

656


Me gusta :

93


ingreso :

04/02/2016


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

firefox


Ver perfil de usuario http://www.niunpasoatras.org/

Volver arriba Ir abajo

Re: [CSS] Navbar con Efecto Zoom 
el Miér Mar 30, 2016 2:47 pm
staff
Hola,


¡Que bonito aporte! - excelente codigo, gracias por tu aporte.


Muy bello
Fibo
avatar

¿Que estoy pensando? :

Estamos en Open, Estamos en Familia [table class=fecha_up][td]Se modifico:1/02/17 - 19:06 hrs.[/td][/table]


Banner en temas :

https://i.imgur.com/R9vnOcf.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

409


Puntos :

618


Me gusta :

121


ingreso :

11/09/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario http://www.opensourcephpbb3.com

Volver arriba Ir abajo

Re: [CSS] Navbar con Efecto Zoom 
el Sáb Abr 02, 2016 7:49 pm
La imagen sólo fue una navbar de mi foro de pruebas pero puedes aplicarlo con las puras imagenes o botones. Pruebalo y me cuentas
YoshiGM
avatar

¿Que estoy pensando? :

Octubre Sorprendeme [?] [table class=fecha_up][td]Se modifico:1/010/18 - 17:37 hrs. [/td][/table]


Banner en temas :

https://i.servimg.com/u/f19/13/45/80/80/banner10.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #555


Mensajes :

1151


Puntos :

1548


Me gusta :

237


ingreso :

17/12/2014


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario http://www.yoshifansclub.net

Volver arriba Ir abajo

Re: [CSS] Navbar con Efecto Zoom 
el Sáb Abr 02, 2016 8:50 pm
staff
Interesante aporte muchas gracias @YoshiGM por compartir...
Dosh
avatar

¿Que estoy pensando? :

Vuelve el hijo prodigo... [table class=fecha_up][td]Se modifico:1/010/18 - 15:59 hrs. [/td][/table]


Banner en temas :

https://i.imgur.com/JdnysKr.png


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

1577


Puntos :

2320


Me gusta :

453


ingreso :

07/12/2014


Sexo :

Masculino

Plataforma :

punbb


Navegador :

Chrome


Ver perfil de usuario http://www.telefoneros.com/

Volver arriba Ir abajo

 En la misma categoria


Permisos de este foro:
No puedes responder a temas en este foro.