Home / UI Demos / Cards / 3D Profile Flip Card

3D Profile Flip Card

These are 3D Profile Flip Cards. Click the i to flip the card. The concept started out as a hover event, but that proved challenging on a mobile device, so I opted to use a bit of js to change out classes on click/touch. There are a variety of flip options, Y, X and Diagonal

Nick Hempsey
NOVEMBER 02, 2012
Made with:
HTML, CSS and JavaScript

Find the Demo

See the Pen 3D Profile Flip Card by Nick Hempsey (@nickhempsey) on CodePen.

About Vimalraj

Check Also

3D Flip Card Effect

3D flip cards implemented with CSS3 Tutorial/codes – Demo Author: Samet Erpik Created: AUGUST 23, …