csssvggeometrycsslint

SVG Circle radius with CSS

I tried to change the radius of SVG Circle with css, and it works in all major browser versions.

The question is why CSS lint complaining about r property while all browsers support this just fine!?

Solution

  • The ability to modify geometric properties, such as r, with CSS, is a feature of the upcoming SVG 2 specification. SVG 2 is not yet a full recommendation, and so far only Chrome (and it sounds like Safari) have implemented this.

    I imagine once SVG 2 is a full recommendation, CSS Lint will be updated.