Cross-Browser Flip Card

December 31, 2018

A GSAP powered cross-browser 3D flip card sample. Basically it uses two different elements that are animated at the same time to create the flip card, without using preserve-3d which is not supported by IE.

Tutorial/codes – Demo

Author:
Rodrigo Hernando

Created:
MARCH 10, 2017

Made with:
HTML, CSS and JavaScript

Find the Demo

See the Pen Cross-Browser Flip Card by Rodrigo Hernando (@rhernando) on CodePen.

Tags: cards, css cards, css hover effects, flip animation, flip cards, hover animation, Hover effects, mouse hover effects

Categories: Essentials

Author
Recent Posts

W3TWEAKS

Chief Content Editor at w3tweaks.com

Vimalraj Chinnaiyan is the main content person at W3Tweaks.com. He lives in the USA and has worked for more than 10 years in making websites look and work well. This experience makes him an expert in front-end development.

At W3Tweaks, Vimalraj ensures that all the content is helpful, clear, and trustworthy. He understands what readers need and makes sure the website gives accurate and easy-to-use information. With Vimalraj’s guidance, W3Tweaks.com has become a reliable place for people to learn about web design and development.

Cross-Browser Flip Card

Find the Demo

Comments

Leave a Reply Cancel reply