Jump to content


clearProps on reverse()

Moderator Tag
Go to solution Solved by andyr,

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've got a modal which appears on a button click.  I use clearProps to remove inline styles.

tl.add(TweenLite.from('.ng_modal_dialog', 2, {left: "30%", backgroundColor: "red", clearProps: 'all'})); 

Then I do reverse().  Which adds them all back again. Can I clearProps after I've done reverse()?


Thank you.

Link to comment
Share on other sites

Hi andyr  :)


pls try this : 

var anim = TweenMax.to('.mydiv',1,{x:200,backgroundColor:'blue'});

$("#backBtn").on("click", function(){
  anim.reverse().eventCallback("onReverseComplete", function(){ 

See the Pen MwYJXo by MAW (@MAW) on CodePen

  • Like 2
Link to comment
Share on other sites

  • Solution



That clears the properties.  Now I need to hide and reset, so that the animation plays again from the start. 


Edit: I'll start a new thread, as the original request was solved.

Link to comment
Share on other sites

I know this is answered expertly already by Diaco, especially for a single tween.

If you are using timelines, you can also put a set() at the beginning.


anim.set('.mydiv', {clearProps:"all"})

$("#back").on("click", function(){


EDIT: http://codepen.io/GreenSock/pen/QbwaMO

  • Like 1
Link to comment
Share on other sites

  • 2 years later...

Just a quick addendum to this. Is there any way to use clearProps and have it clear all GSAP traces from each element tweened in a timeline, without having to list every element separately that you want cleared? Thanks.

Link to comment
Share on other sites

Hi @OneManLaptop,


Maybe the hints in this topic will help:



Best regards




  • Like 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.