Jump to content
GreenSock

Search the Community

Showing results for tags 'page transitions'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

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

Product Groups

  • Club GreenSock
  • TransformManager

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


AIM


MSN


Website URL


ICQ


Yahoo


Jabber


Skype


Location


Interests

Found 3 results

  1. Hello, I am very new to GreenSocks and I am still exploring all the possibilities. What I'm looking for is a way to create something like http://alvarotrigo.com/fullPage/ horizontal and vertical page slide. What I really want to accomplish is making full page transitions left, right, top and down with dynamic PHP pages with navigation. Basically, when you click on a menu in navigation the page will slide left or right or top or bottom. I try to keep URL as they are not like in one-page anchor # thing Is it possible to achieve something like this with Green Sock? If so could someone point me in the direction of documentation and examples. I have looked around but not sure where to start. Thanks for your help. Regards
  2. Hi All So I am stumped and all that I have tried has just been a bit of a mess. This is my pen, currnently working on this :: http://codepen.io/nushi/pen/QjoerL I started this with a fork off Joost Kiens wonderful pen from here: http://codepen.io/JoostKiens/pen/LExggp Currently the transition does this; Onclick of nav item, 'page' scales down and opacity lowers Next page slides in from the right, opacity full. What I want to do is 2 things: 1. Make these 2 animations happen simulaneously AND 2. Have page 2 (or the subsequent page) slide in from the right but at the same scale as the originating page (Let's say Page 1) and as both page 1 and page 2 move leftwards, page 2 comes into full scale. Hope that makes sense! Both pages are animating. One to scale .8 and the other one from scale .8. They are both visible but the first page will move out of the screen and the second page comes into view. Since these animations are broken down into functions, one for each movement (Scale Down & Move From Right), I do not know how to accomplish this.. It seems that the Move From Right needs to have a few steps: 1. Start at scale .8 2. Show up initially sliding in from right but adjacent to the first page 3. Then second page scale up to 1. I've attached a very rough sketch of the animation ... I hope some javascript geniuses in here can help me out
  3. I am very new to GreenSocks and am still in research mode so exuse me if this question is trivial. I am looking for a library that would allow me to create something like http://tympanus.net/Development/PageTransitions/ The only difference is I have actual urls that I want to transition to. The example above doesn't work b/c the all the content is on one page. Is there a way to do something similar with Green Sock? If so could someone point me in the direction of documentation and examples. I have looked around but not sure where to start. Thanks for your help. Sincerely,
×