Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...

WarenGonzaga

Members
  • Content Count

    125
  • Joined

  • Last visited

Community Reputation

64 Contributor

About WarenGonzaga

  • Rank
    Front End Developer
  • Birthday 07/26/1997

Contact Methods

Profile Information

  • Gender
    Male
  • Location
    Manila, Philippines

Recent Profile Visitors

3,653 profile views
  1. Amazing answer! This topic is for SEO purposes so anyone with a common question like this will be informed!
  2. So it is possible to do a Timeline syntax while using TweenMax?
  3. Hello there, I would like to know and clarify if the TimelineMax is already inside of TweenMax? I just created this topic so it will be useful for someone that wants to know if TimelineMax is included on TweenMax file. For any answer will be appreciated!
  4. Alright, I want a freelance job like this I miss this kind of work...
  5. Hello buddy! It should work! As per @Sahil said... you can use TweenMax alone with CSSRulePlugin....
  6. Anyway, you can follow @Jonathan suggestion...
  7. Hello @Stagnax Here's my solution... What I've done is I made an extra layer of black in the background of your rotating elements. div#black { background: black; position: absolute; height:100vh; width: 100vw; } and then add z-index to your row so it will be in the top of the whole show... div#row { z-index: 100; } and here's how I setup the whole show... window.onload = init; function init() { var canvas = document.getElementsByClassName('rot'); canvas.width=window.innerWidth; canvas.height=window.innerHeight; TweenMax.set("#black", {opacity: 0, onComplete: animation}); } function animation() { TweenMax.to("#row", 3, {rotation:-90, onComplete: revealBlackBG}); } function revealBlackBG() { TweenMax.to("#black", 1, {opacity: 1, ease:Linear.easeIn}); } I hide first the black layer and then after the animation done you eventually show it at the end... Let me know if it is really helpful...
  8. @Stagnax let me fork your work and I'll show you!
  9. What if... set first the default color of the background and tween it with black after the tween animation done. If you don't understand, what I mean is set it first as white background and don't set it on the css make it on the javascript. After the animation has been done then put a trigger to call the tween for the black background to appear. Doest it make sense?
  10. This is super awesome thanks for this software...
  11. I'm back here to contribute again... :)

  12. I would suggest to screen record the whole animation. After that the video convert it to gif. I would suggest some free GIF converter. https://ezgif.com/video-to-gif I am doing this when I am creating gif as a preview of my banner animation.
  13. This is super awesome work.... I like it... much help...
  14. Going back to GSAP Community.

  15. Hello I'm back! I am almost 2 years here on contributing to forum. I really love to help other users out there on using GreenSock Animation Platform. I shifted to WordPress a months ago. I would like to apply my knowledge in GSAP to WordPress to make awesome stunning websites. Alright!
×