Jump to content


How can I achieve smoke reveal effect

Recommended Posts

How can I achieve smoke reveal effect same as this website : https://ferrisrafauli.com/

I am new to greensock and I am curious how can I achieve this effect as I didn't get any demo or similar thing on greensock but when I scrap the code of above mentioned website I found greensock name.

  • Like 1
Link to comment
Share on other sites

Hello @developer53 and welcome to the forums.


That smoke effect in the background on mousemove is likely created with WebGL and probably not that easy to realize.

While GSAP can also animate things in a WebGL context, you won't be able to create something like that with GSAP alone.


I remember a fluid-simulation that looks very close to that background smoke.

Click and drag on the canvas to see the magic happen in this sandbox...




...and see the code for all that here:




Maybe that can serve as a starting point for you.


  • Like 3
  • Thanks 1
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.