Jump to content
GreenSock

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

Tweening CSS Properties without CSS Plugin

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

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"}) );


tl.play()
 
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
 
 
.S

Share this post


Link to post
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

Share this post


Link to post
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!

Share this post


Link to post
Share on other sites

Dipscom, you sneaky sneak!!!!

 

 

:mrgreen:

  • Like 3

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Gentlemen,

 

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

 

8-)

 

 

.S

  • Like 1

Share this post


Link to post
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

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. 


  • Recently Browsing   0 members

    No registered users viewing this page.

×