Puede que se de el caso de que encuentres algún error en tu código o proyecto, recuerda probar siempre en un entorno de testing antes aplicar el código al proyecto final.
Solución:
Según la especificación SVG 1.1, no puede diseñar el r attribute de un círculo SVG usando CSS https://www.w3.org/TR/SVG/styling.html#SVGStylingProperties. Pero puedes hacer:
En SVG 2, que es parcialmente compatible con algunos navegadores modernos, puede diseñar el r attribute de círculos usando CSS. https://www.w3.org/TR/SVG2/styling.html#PresentationAttributes
¿Quieres usar solo CSS? Usar line en vez de circle.
http://jsfiddle.net/rLk7rd8b/
Se puede hacer en CSS(3), configurando el transform-origen del círculo a su centro y luego usando scale transformación:
circle
transform-origin: center center;
circle:hover
stroke-width: 10px;
transform:scale(1.2, 1.2);
Aquí puedes ver las comentarios y valoraciones de los lectores
¡Haz clic para puntuar esta entrada!
(Votos: 4 Promedio: 4)