gChambers
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Posts posted by gChambers
-
-
Hello,
I'm attempting to display a matrix of four square shapes in a sequential, clock-wise manner. These should animate using autoAlpha in a smooth "pinwheel" fashion.
My issue is that - after the first run-through of the timeline - all four squares disregard the CSS "visibility: hidden" declaration. They all display briefly in an unwanted "flash" that disrupts the smooth continual flow.
This is merely a learning exercise for me... a gentle nudge in the right direction would be appreciated.
Thanks.
-
I'm a JavaScript AND GSAP newb. However, years ago I did a lot of After Effects 2d and Electric Image 3d animation for video so do know a fair bit about motion graphics.
Highly recommend "Step-by-Step Training". The tutorials are short but extremely informative. The graphics are well done and the writing style is breezy without being condescending. A must-have if just getting into motion graphics in the browser.
The only down side is that I can not find a resource for Workbook assistance when stuck. I assigned myself the task of working through the exercises without using jQuery as a dependency -- primarily because I'm teaching myself JS as well.
If anyone has a tip on where to seek assistance, I'd appreciate the lead. Perhaps in this very forum since I now know that the author is a forum Administrator?
There is a section in the starfields promo that is driving me crazy!
- 1
visibility: hidden not respected
in GSAP
Posted
Johnathon,
Thanks for your reply. The exciting thing about learning GSAP are all the little nuances that make up a successful animation.
Yesterday, I had been able to create a (somewhat) similar animation using a background sprite sheet and:
However, I much prefer the effect that autoAlpha produces.
Thanks again for the explanation.
So much to absorb! Baby steps.