• Content Count

  • Joined

  • Last visited

Community Reputation

64 Contributor

About WarenGonzaga

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

Contact Methods

Profile Information

  • Gender
  • Location
    Manila, Philippines

Recent Profile Visitors

3,407 profile views
  1. WarenGonzaga

    Is TimelineMax is included in TweenMax build?

    Amazing answer! This topic is for SEO purposes so anyone with a common question like this will be informed!
  2. WarenGonzaga

    Is TimelineMax is included in TweenMax build?

    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. WarenGonzaga

    We are hiring talented banner animators

    Alright, I want a freelance job like this I miss this kind of work...
  5. WarenGonzaga

    CSSRulePlugin doesn't work with TimelineMax

    Hello buddy! It should work! As per @Sahil said... you can use TweenMax alone with CSSRulePlugin....
  6. WarenGonzaga

    Revealing a background

    Anyway, you can follow @Jonathan suggestion...
  7. WarenGonzaga

    Revealing a background

    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. WarenGonzaga

    Revealing a background

    @Stagnax let me fork your work and I'll show you!
  9. WarenGonzaga

    Revealing a background

    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. WarenGonzaga

    GIF banners

    This is super awesome thanks for this software...
  11. I'm back here to contribute again... :)

  12. WarenGonzaga

    GIF banners

    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. WarenGonzaga

    Animating waves with GSAP

    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!