Rough idea if possible fade out effect.

[Lynx 2 Likes (Newbie)]

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 ?

[Diaco 1,948 Likes (Superhero)]

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

[vipulsharma144 0 Likes (Newbie)]

Hello 

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

    $(document).ready(function(){
        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.
        
    });

Thanks

[Lynx 2 Likes (Newbie)]

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.

[Lynx 2 Likes (Newbie)]

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 ?