Foros del Web » Programando para Internet » Jquery »

SVG Responsive + jQuery

Estas en el tema de SVG Responsive + jQuery en el foro de Jquery en Foros del Web. Buenas. Estoy intentando hacer una web personal y gracias a un tutorial conseguí incluir un SVG que había creado en Ilustrator y que al pasar ...
  #1 (permalink)  
Antiguo 12/09/2015, 06:40
 
Fecha de Ingreso: septiembre-2014
Mensajes: 72
Antigüedad: 9 años, 8 meses
Puntos: 0
SVG Responsive + jQuery

Buenas.

Estoy intentando hacer una web personal y gracias a un tutorial conseguí incluir un SVG que había creado en Ilustrator y que al pasar el ratón por encima de los elementos de ese SVG se produjesen algunas animaciones. El tutorial en cuestión es este, para que quede más claro:

http://tympanus.net/codrops/2013/02/...ss-animations/

Intento darle propiedades width y height al div con CSS, pero no funciona. Lo que quería saber es si hay alguna manera de hacer que el div que contiene esa infografía y todos esos círculos fuesen responsive y variasen de tamaño junto a la ventana.

Espero haberme explicado correctamente.

Gracias y un saludo.
  #2 (permalink)  
Antiguo 12/09/2015, 11:38
Avatar de Drako_18  
Fecha de Ingreso: mayo-2005
Ubicación: Madrid
Mensajes: 505
Antigüedad: 19 años
Puntos: 16
Respuesta: SVG Responsive + jQuery

Buenas compañero,

No tengo idea de SVG, pero si en vez de darle los tamaños fijos como indica en el tutorial, usas porcentajes podría darle cierto estilo...
Tienes que tener en cuenta, que tendrás que darle formato al elemento SVG si quieres que lo de dentro te haga caso...
He encontrado este otro tutorial, a ver si te puede ayudar en algo...
http://tympanus.net/codrops/2014/08/...sive-with-css/


Un saludo!
__________________
Rubén Espada
Desarrollador full stack .Net (Angular + JS + .Net Core)

Etiquetas: responsive, svg
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:02.