Jump to content

Search In
  • More options...
Find results that contain...
Find results in...
Thomas James Thorstensson

Tweening CSS Properties without CSS Plugin

Recommended Posts

Here is another question :)


How come that I can tween CSS properties directly without using the CSSPlugin. The below works.



var $frame1 = document.getElementById('frame1')

tl.add( TweenLite.to($frame1, 3, {backgroundColor:"#ff6a6a"}) );

Am I missing something obvious here?
If so, when should the CSS plugin be used since the above works in any case?
Thanks in advance
Link to comment
Share on other sites

The CSS plugin is already bundled with TweenMax by default.


You will only need to worry about the CSS plugin if you are loading each and every GSAP component yourself - Which in 99% of the cases, you will not do.

  • Like 4
Link to comment
Share on other sites

Without seeing your actual files, my first assumption is that you are loading TweenMax which includes the CSSPlugin for convenience (among other things).


If you are certain CSSPlugin is not being loaded, please provide a demo via CodePen or zip. Thanks!

Link to comment
Share on other sites

Dipscom, you sneaky sneak!!!!




  • Like 3
Link to comment
Share on other sites

( not my fault if I start before you but type slower... )

Link to comment
Share on other sites



I thank you for clearing this out! Great. Now I can have coffe and move on with my day,






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