Jump to content


body background fade

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts



I'm trying to change the background image with something like this:


 $("body").css("background", "url('" + imgLink + "')");

but I don't know how to fade in new images.

Is it possible with the backgroung of the body?

I'd rather not use a div for this.

Thanks in advance.

Link to comment
Share on other sites

Unfortunately cross-fading the backgroundImage is not possible on a single element. This is a limitation of CSS, not GSAP (there are no intermediary values between background-image:url("firstimage.jpg") and background-image:url("secondimage.jpg") for GSAP to tween).


You will need to add a second element for this, or live with an instant swap.

Link to comment
Share on other sites

Yes, that's what I thought.

I managed to achive it with a div instead.


Thanks again.

Link to comment
Share on other sites

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.