Star Wars credit opening

[Guest newdevide]

I was watching this.... http://www.seanslinsky.com/demo/star-wars-crawl-css3/

And just a quick question, can greensockJS do this too?

[Carl]

Sure. For educational purposes I quickly ripped some of the existing css and html out of that site and created this:

 

http://jsfiddle.net/geekambassador/cdWhF/ (chrome and safari)

 

The basic concept is that there is a div that has its perspective changed with css. Inside that div is a div that contains a bunch of text. TweenLite is simply moving the text div up inside the perspective div. The perspective div has its overflow set to hidden which is why the text eventually disappears.

[Guest newdevide]

Thx for the reply man. And i wonder why firefox hasn't support this perspective style yet

[heyitsjayy]

Nicely done. For some reason just the other day I thought about trying (in Edge and GreensockJS) a similar "scaled" scrolling effect like that infamous Starwars text, haha