Jump to content

Search the Community

Showing results for tags 'css3d'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • GreenSock Forums
    • GSAP
    • Banner Animation
    • Jobs & Freelance
  • Flash / ActionScript Archive
    • GSAP (Flash)
    • Loading (Flash)
    • TransformManager (Flash)

Product Groups

  • Club GreenSock
  • TransformManager
  • Supercharge


There are no results to display.

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



Personal Website



Company Website



Found 4 results

  1. Hi, I want to implement implement scale3D in a tween. I couldn't find anything regarding that property in the docs, so I just tried it out and came to find out that scale3d and scaleZ are invalid properties in gsap. My goal is to achieve a scale movement like in this demo https://tympanus.net/Development/SmoothScrollingImageEffects/. I looked their code which is quite complex (for me at least) and also not how I would want to implement this. Question 1: What is the best way to recreate scale3d in gsap? Question 2: As far as I understand, it's advised against animating transforms (so in my case styling transform(scale3d) in css and animating in gsap). However, in this case were there is not scale3d property in gsap, would this be a fair case to animate the transform or is it still best to use another solution? Bonus: When researching this topic, I was looking for a css property translation list for gsap tweens (essentially a list declaring how to reference css properties in gsap). Does such a list exist?
  2. Sturmel


    Hello, I have a little problem, when I want to add a "RotateZ" to my element GSAP interprets it like a "Rotate". I would like to know if someone can help me to solve it. You can see the problem with the code pen Url. Sorry for my bad English. Thank you!
  3. Good morning my GSAP friends, I am having difficulties understanding 3D Transforms and hope you can help me. The page I am looking to animate comprises an svg element and several buttons, which trigger different sets of animations, one of which rotates an element of the svg along the x-axis (the attached codepen is an oversimplification of my page but replicates the behavior I am experiencing). It seems to me like the "transformPerspective" and "rotationX" are being ignored. Evidently, I am missing something out but cannot figure out what it is. I very much appreciate your guidance! Thanks,
  4. Hello, I love GreenSock, it's a phenomenal product. I am a Flash Developer migrating to HTML, Canvas, CSS, and Javascript web designing. The Javascript versions are excellent. The one challenge I am having is trying to make the CSS 3D Transformations work. I looked at the demos of how powerful these transformations can be at: http://www.greensock.com/transitions/ http://www.greensock.com/css3/ and the "CssPlugin" section of your documentation at: http://api.greensock.com/js/ But, unfortunately I see a whole lot of small snippets of code (i.e. the trailer for a really awesome movie that I can't wait to see), but I would really like to see the whole html page with the css and javascript included (i.e. the whole "unrated, director's cut with alternate endings and commentary.") After searching through the GreenSock forums I found this link that the great Carl Schooff posted some downloadable examples of CSS Transformations: http://forums.greensock.com/topic/6230-how-to-tween-css3-transform-properties/ What I'm trying to say, is I would really appreciate it, if it were a little easier to figure out how to use these powerful tools to the most. Thanks, for viewing & best wishes, J