Ejemplo Flip CSS

El planteamiento es bastante sencillo. Se basa principalmente en utilizar transiciones CSS3, con ello se consigue un espectacular efecto de giro con efecto 3D que quedará genial en vuestros proyectos.

Para el elemento .front y .back se indican transformaciones de rotación sobre el eje Y, alternando mediante :hover, con ésto nos olvidamos de tener que añadir código JavaScript.

Para aplicar los estilos, he utilizado LESS y mediante el uso de mixins de LessHat me olvido de los prefijos para los diferentes navegadores.

See the Pen CSS Flip example by Enrique Querol (@querol_en) on CodePen.