Jump to content
Search Community

List of commands

cartimundi test
Moderator Tag

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

Hello, is there a list for all commands which working without Gsap?

 

like:

 

scale

x:100

opacity ( or alpha..??)

rotation

 

and others, i want to create but i dont know the possibilities

 

 

i know the easy/Bounce options

Like to hear it, so i can go on playing :-)

 

 

 

Link to comment
Share on other sites

Hi cartamundi :)

 

There isn't any specific list of what GSAP can animate. It can animate almost any property of any object. 

 

I'd recommend downloading Petr Tichy's GSAP Cheat Sheet. It has a great list of the most common things you'll probably do with GSAP on a daily basis along with some additional jQuery information.

 

http://greensock.com/forums/topic/11765-greensock-cheat-sheet/

 

I'd also suggest taking a look at the docs for the CSSPlugin. That should give you quite a bit of information, but isn't a complete list. Most CSS properties will work along with the special ones Jack has created for GSAP.

 

http://greensock.com/docs/#/HTML5/Plugins/CSSPlugin/

 

We also had a similar question in this thread which might be useful to you:

 

http://greensock.com/forums/topic/14536-in-the-vars-object-of-fromto-is-there-a-list-of-html-properties/

 

Hopefully that helps a bit.

 

Happy tweening.

:)

  • Like 3
Link to comment
Share on other sites

Just off the top of my head

 

GSAP = CSS equivalent:

  • x = translateX()
  • y = translateY()
  • z = translateZ()
  • rotation = rotate()
  • rotationX = rotateX()
  • rotationY = rotateY()
  • rotationZ = rotateZ()  .. when 2D rotationZ = rotation = rotate()
  • skewX = skewX()
  • skewY = skewY()
  • transformOrigin = transform-origin
  • perspective = perspective
  • transformPerspective = transform: perspective();

:)

  • 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.
×
×
  • Create New...