Ejemplo Flip CSS

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.

Este sitio web utiliza cookies para recoger información que ayude a optimizar su visita. Vea la información acerca del uso de cookies en nuestra Política de Cookies. Si continua navegando en nuestra web entendemos que acepta su uso. Acepto