0

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.

Improve this question
4
  • Firefox 57.0 here and I see it.
    – Amaury Hanser
    Commented Nov 19, 2017 at 19:58
  • @Kangouroops OP has modified the linked codepen.
    – user247702
    Commented Nov 19, 2017 at 19:59
  • @Stijn Oh, I hadn't seen the edit. sorry.
    – Amaury Hanser
    Commented Nov 19, 2017 at 19:59
  • @Kangouroops No worries, there doesn't seem to be an indication on codepen that it was modified, so you can only know if you saw the original version :)
    – user247702
    Commented Nov 19, 2017 at 20:01

2 Answers 2

Reset to default
1

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

Improve this answer
1

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.

Improve this answer

Not the answer you're looking for? Browse other questions tagged or ask your own question.