Background Animations

  • Resolved smanatt

    (@smanatt)


    4 years, 11 months ago

    I’m wanting to add an animated SVG as a background to the hero section to be triggered on mouseover. I used SVGator to create the SVG and exported it with the CSS (rather than Javascript) option. The image shows up, but it’s not using a tag obviously.

    Is there a way to do what I’m wanting to do in WordPress? Your plugin was installed today and is active.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter smanatt

    (@smanatt)

    Here’s the effect using the <object> tag: https://labs.manattweb.com/gg/

    Plugin Author Benbodhi

    (@benbodhi)

    Hi there,

    It really depends on your theme and site setup as to how to achieve this.

    Usually you would just use an IMG tag like any regular image… but for a background image, this is different because you use CSS to specify the background image usually rather than actually placing an image in the markup.

    There’s so many ways and they all depend on the particular site setup, but the nature of CSS background will not render your SVG inline if it’s set as a background image.. I don’t think.

    So you’ll need to embed the SVG code itself or use an IMG tag like my plugin helps with. Then you could build other things over the top of that image.

    I hope this makes sense and helps.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Background Animations’ is closed to new replies.