Profile cardsanimated with CSS3

Marcofolio.net

This demo page contains several profile cards which are animated when hovering them. The animation is done using some simple CSS. Although there are four different kind or animations (Push, Slide, 3D Flip and Explode), they all share the same kind of HTML structure.

The pictures used are created by Belovodchenko Anton, but their profile data is fake. -prefix-free has been used to remove the vendor prefixes in CSS.

Push

Slide

3D flip

Explode