3d animation using pure CSS3Movie Posters Example


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

    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 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

    Tron Legacy

    Sam Flynn, the tech-savvy 27-year-old son of Kevin Flynn, looks into his father’s disappearance and finds…

    More info