SVG CSS layout properties en Chrome, Safari y Opera

Archivado en: CSS SVG

Desde la última version de Chrome, Safari y Opera ya podemos modificar a través de CSS los siguientes atributos de SVG como x, y, cx, cy, r, rx, ry, width y height. He estado buscando en los changelogs de Chrome para ver exactamente desde que version esta disponible pero no he encontrado nada.

Ya hable de este cambio en el verano del 2014 pero por aquel entonces solamente estaba disponible a través de Webkit Nightly. Un gran avance que como siempre ha costado demasiado tiempo, y en el que todavía falta Firefox.

Una pequeña demo animando las propiedades

Gracias a Lionel por el chivatazo :)

SCALABLE, un libro sobre SVGA lo largo de 15 capítulos, 120 páginas y más de 70 ejemplos vamos a ver todo lo que podemos hacer con SVG. Tu pones el precio, disponible desde 0$ para descargar desde LeanPub(PDF, ePUB y MOBI).