Como esta hecho el boton del menu este?

st0le0ne1

Hola Mediasvideros!

Estaba navegando por esta web y me he enamorado del botón que tienen como menú:

Me gusta las transacciones que hace mas que nada XD, es una pijada pero me gusta.

Alguien sabe en que lenguaje esta desarrollado eso?

Dejo la web en question por si quereis ver el código:
http://locus-solus.wearetesting.it/en/pouffe_gae_aulenti

Saludos!

RaymaN

Es un SVG animado.

1 respuesta
st0le0ne1

#2 Muchas gracias como mola! He estado mirando y tiene muy buena pinta, no conocía la etiqueta <svg>, lo que... Es como trabajo de chinos hacer eso, no?

Sabes algún sitio donde hayan bastantes hechos y se pueda ver el código? Como en github?

Gracias!

3 respuestas
Merkury

#3 Has mirado en... no se eh github?

B

#3 Trabajo de chinos? Piensa que igual ese mismo botón lo quieres en otras secciones de tu web con diferentes estilos (color, sizing ... ). Es una imagen que puedes manipular a tu antojo mediante css.

SVG FAN RIGHT HERE!!

Amazon

http://snapsvg.io es lo que usa

Lo pone en el código fuente

speciaL

#3 El SVG lo puedes hacer a manopla o usando Sketch, Illustrator o Inkscape

En CodePen busca por SVG o por SNAP y en Codrops también hacen bastantes cosas animando SVG.

balmunG_

:wtf:

2

Usuarios habituales