Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
Lynx

Rough idea if possible fade out effect.

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

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

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.

black_ink_swirl_circle_grunge_2728517.jp

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.
×