Need smooth 3D javascript animation (page transition effect)
€8-30 EUR
In Progress
Posted over 9 years ago
€8-30 EUR
Paid on delivery
This is the element that need to be upgraded: [login to view URL]
It uses GreenSock Javascript framework for animations and if you do dragging to the left or right you will see how it rotates (left and right).
You have 4 screens "Screen 1" to "Screen 4" that are created like cube.
I need smooth 3D animation (left and right for 90 degrees).
This is what you need to do:
- You need to add two buttons "Left" and "Right".
- When clicked on the "Right" button the element must rotate for 90 degrees to the right (from "Sceen 1" to "Screen 2"). Must be as smooth as possible so it will work when page is filled with more elements.
- When clicked on the "Left" button the element must rotate for 90 degrees to the left (from "Sceen 2" to "Screen 1"). Must be as smooth as possible so it will work when page is filled with more elements.
- Some easing should be implemented so that all runs smooth - saw that there is some commercial plugin "ThrowPropsPlugin"
Here is tutorial how it is done
[login to view URL]
I already have this done with CSS3 3D animations (used this: [login to view URL]) but when page is filled it is not ok (not smooth).