Jump to content


Rough idea if possible fade out 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

I can't make up my mind over an animated effect, without showing code.


I want to create an effect in which a swirl fades as it swirls away to almost nothing, if an image would help, I can supply; the exception is I want a mask to play a role in how it appears to rotate away to nothing, sorta like a painterly effect.  I would greatly appreciate if someone can show me a very rough idea mentioned, to see wheather that is the direction I want to go if possible ?

Link to comment
Share on other sites

Hi Lynx :)


Unfortunately i can't understand what you looking for !.... pls provide a live example link or whatever can help me to imagine what you try to do :)

Link to comment
Share on other sites


what i understood is you want to animate a DOM to fade away .This is very easily achievable by GSAP using

        var logo = document.getElementById("logo");
        var tl = new TimelineMax();
        .to(logo,5,{scale: 0,opacity: 0});     //here i have assumed you have a logo div with id = logo and then in 5 sec it wil shrink to 0 smoothly fading away.You can add any effects you want in the options array such as rotation ,alpha.x ,y etc.


Link to comment
Share on other sites

Sorry for the delay, I'm having a bit of a struggle making up my mind.  The image starts as a solid circle as it rotates, it breaks up, similar to a paint stroke.


Link to comment
Share on other sites

Suppose you paint a circular paint stroke, you have a solid circular circle that looks as if it's been painted, this can be a SVG image or bitmap, now if this circular paint stroke was painted, what if it was erased or reversed, that is the effect I'm after ?

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.