Jump to content
GreenSock

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

Cubic form on mobile example

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Hi Jack,

For years I looked at this in .as and never dove in, but now in just signed up corporate just so I can use .js version (not interested in flash no more).

 

I need help w/ cubic css3 transform, possibly some consulting for the ticket. When I say cubic, here is an example:

<click cubic>

http://moobilejs.com/demos/latest/moobile-simulator/index.html

He does this w/ very complex css3 and I can't follow, and he does it for the entire page and I just need the form to 'cubic'. Here is his css3:

https://github.com/jpdery/moobile-core/tree/master/Styles

 

Can I get some help to get a simple version that just does a 'cubic' of a form?

So I can go next, next, next for 15 steps on mobile.

 

thx,

Vic

Link to post
Share on other sites

First of all, welcome to the club Vic. Great to have you on board.

 

Unfortunately, there isn't really a built-in easy way to slap on a cubic transition like that, especially one that works well across all the major browsers. I noticed that your link only worked in 2 of them (Firefox was dead, as was IE). We may create a plugin for that sort of effect sometime in the future, but at this point this isn't something that exists. You certainly can use the JS tweening engine to tween just about any property values, but you'd need to devise a system (or find a canned one) that provides the 3D functionality and maps things correctly in space so that the surfaces appear to move together. I really wish I had a super simple solution for you. And if you joined Club GreenSock just because you thought there was a built-in way to accomplish that task, we'd be happy to give you a refund.

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    No registered users viewing this page.

×