Jump to content


a flash bulb transition effect

Moderator Tag

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

Hi and merry xmas to all !


Is GSAP/JS able to render a flash effect transition in a slideshow.  A kind of lightening flash bulb of 50's cameras.

Hope I am clear enough and thx for your help.



Link to comment
Share on other sites

You could use an image of the flash and animate it from 0 opacity to 1, along with some exponential easing and then hide it right away.

  • Like 1
Link to comment
Share on other sites

Thank you Michael.


According to your answer, I understand that's possible to get a cool effect.

In my case, there would be no image of flash but the opacity easing should directly be applied to both sliding-out and sliding-in images...It seems to be the same.

Link to comment
Share on other sites

Yes you could also add a stagger animation to have the light-on to last a bit longer and the light-off to go with a slight delay

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.