CODEWITHSUNDEEP
cssfirefoxsvg
ninivert
ninivert

Reputation: 45

SVG not working in Firefox

My CSS-animated SVG does not seem to appear in Mozilla Firefox 58, but it does in Chrome.

view in chrome

Here is a link to the codepen page: https://codepen.io/ninivert/pen/qXvWxo
Why does this happen? Removing stroke-dashoffset and stroke-dasharray does not seem to help.

Upvotes: 0

Views: 1575

Answers (2)

user247702
user247702

Reputation: 24202

You cannot use CSS to target SVG attributes, at least not with SVG 1.1. It's supposed to be possible with SVG 2.0, but browser support is very limited currently.

Upvotes: 1

Jim Cote
Jim Cote

Reputation: 1756

Move your circle's cx/cy/r css styles to element attributes.

Upvotes: 1

Related Questions