Here's an example of pretty powerful CSS3 animation and 3d effects. Using the perspective
, transform
and transition
properties, we can create a 3d animation effect. Simply hover over the movie posters below to see the effect in it's full glory.
Just make sure you're running the latest version of a -webkit
based browser (Apple Safari or Google Chrome) to see the effect. If you don't have any of those browers, visit the article to see a video of the effect.
-
Iron Man 2
With the world now aware of his dual life as the armored superhero Iron Man, billionaire inventor Tony...
More info
-
The Last Airbender
The story follows the adventures of Aang, a young successor to a long line of Avatars, who must put his...
More info
-
Tron Legacy
Sam Flynn, the tech-savvy 27-year-old son of Kevin Flynn, looks into his father's disappearance and finds...
More info