Skip to main content
Petra_I_
Petra_I_
Participant
November 21, 2019
Answered

Need SVG Animation to load on hover

  • November 21, 2019
  • 1 reply
  • 699 views

Hi all,

we have animated an svg file when hover. You can see the svg on

https://www.flowcad.de/pics/flowcad-flex-banner.svg

 

When we include the svg to our test page, no more animation happens.

https://www.flowcad.com/de/FlowCAD-SEO.htm

 

I think I have a board in front of my head 😞 What's the matter?

Thanks

Petra

 

 

This topic has been closed for replies.
Correct answer Nancy OShea

Hello Petra,

 If you want people to interact with the SVG image, move the relevant CSS and SVG code to your parent document.  Also touch screen devices don't have a mouse to hover with.  So more than half of users will not see the "animation."

 

 

 

 

 

1 reply

Nancy OShea
Community Expert
Nancy OSheaCommunity ExpertCorrect answer
Community Expert
November 21, 2019

Hello Petra,

 If you want people to interact with the SVG image, move the relevant CSS and SVG code to your parent document.  Also touch screen devices don't have a mouse to hover with.  So more than half of users will not see the "animation."

 

 

 

 

 

Nancy O'Shea— Product User & Community Expert
    Petra_I_
    Petra_I_Author
    Participant
    November 22, 2019

    Thanks, problem solved

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices