Jump to content
Search Community

Animated SVG as background-image (DrawSVG)

todd.eagle test
Moderator Tag

Go to solution Solved by PointC,

Recommended Posts

Hello!

 

I would like animation below to work when using it as a background image.  The reason, I would like to fade the animation out and replace with my hero (jpeg) image.  I can only align them properly when resized if both are background-images.

 

Is it possible

 

 

See the Pen OJbrPRP by todd-eagle-the-looper (@todd-eagle-the-looper) on CodePen

Link to comment
Share on other sites

  • Solution

Hi @todd.eagle :)

 

Welcome to the forum and thanks for being a Club member.

 

If I understand the desired outcome correctly, I'd probably just put the image inside the SVG. That way it all scales nicely together. Does that make sense?

 

Happy tweening and welcome aboard.

:)

 

  • Like 3
Link to comment
Share on other sites

  • 3 weeks later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...