81 CSS Flip Card Plugins

My goal was to create re-useable card-like elements that flip on hover (or tap!) I've built markup for a flippable card that you can use to hold any content you want on the front or the back of the card. Simply set the size of th.....
Flip Card

3D flip cards implemented with CSS3 .....
Flip Card

Pure CSS Flip Card .....
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. .....
Flip Card

Flip-card with js buttons instead of the more common css hover. Perhaps more userfriendly? .....
Flip Card

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. .....
Flip Card

// horizontal flipping cards on CSS .....
Flip Card

.....
Flip Card

Flipping card UI inspired on @Jung_Hanna Dribbble https://goo.gl/PacWvD dribbble .....
Flip Card

Responsive Flip Card display. Day 7 of my React a Day challenge. .....
Flip Card

Responsive half flip card with 3d transform on bootstrap grid .....
Flip Card

Realistic 3D Image Flip Box Flip Card Kallyas WordPress Theme .....
Flip Card

So I've made an animated Press Card :P. I like the end result of it. Much could be done though. .....
Flip Card

I've always liked the lynda.com homepage with the flip-cards that point out their educational categories, so I wanted to figure out how to make one myself. This uses the Foundation framework for much of the style, and has a pure .....
Flip Card

Flipping Card .....
Flip Card

Super old project I remembered about. Just thought I'd share it with you awesome CodePen people. Have some fun :) .....
Flip Card

Google Now style info cards with CSS card flip animation. .....
Flip Card

Messing around with 3d transforms and delayed transitions. Colours from http://colour.charlottedann.com/ .....
Flip Card

example for simple flip card .....
Flip Card

.....
Flip Card

.....
Flip Card

Pure css flip card sample .....
Flip Card

A simple css only flip cards. .....
Flip Card

A simple Flip cards with jQuery! .....
Flip Card

.....
Flip Card

Basic code of a hover flip card on material design using HTML and CSS3 .....
Flip Card

CSS Flip card effect. Modular html and css. Does not require css to flip on hover but does to flip on click. Pretty normal stuff. .....
Flip Card

Just a cute little card flipping demo. Not a game yet, but still nice to look. Hover over the cards to see what I mean! .....
Flip Card

.....
Flip Card

.....
Flip Card

.....
Flip Card

.....
Flip Card

Flip Cards com Jquery .....
Flip Card

.....
Flip Card

Flip card made with CSS 3D transform properties and some jQuery. I guess it works better on Chrome!! .....
Flip Card

My goal was to create re-useable card-like elements that flip on hover (or tap!) I've built markup for a flippable card that you can use to hold any content you want on the front or the back of the card. Simply set the size of th.....
Flip Card

.....
Flip Card

.....
Flip Card

A figure flip card that displays an image on the front side with a caption on the back side. This is not meant to have html content on the front side of the card. .....
Flip Card

.....
Flip Card

The physical world is so last year. Save the trees with a digital business card. .....
Flip Card

Using CSS Transforms to flip a card over. .....
Flip Card

.....
Flip Card

.....
Flip Card

.....
Flip Card

Efeito de rotação com apenas CSS usando transform, e também conteúdo HTML gerado com JSON. Rotation effect with only CSS using transform, and HTML content created with JSON. .....
Flip Card

http://blog.thelittletechie.com/2015/05/responsive-3d-flip-card.html .....
Flip Card

Flipping card made in CSS. Hover over the card to see the back. Works in all mayor browsers but IE due to it's lack of preserve-3d support. .....
Flip Card

.....
Flip Card

Realistic and Responsive 3D Image Flip Cards .....
Flip Card

Contact Us Form with envelope animation .....
Flip Card

.....
Flip Card

Profile Contacts presentation. Css3 transition. .....
Flip Card

.....
Flip Card

Fancy CSS 3D flip card that can be used for call-to-actions (CTAs) .....
Flip Card

.....
Flip Card

Creates a flip card animation using HTML/CSS, JavaScript, and jQuery. Practices positioning sprites. .....
Flip Card

Save some trees! Make a digital business card! .....
Flip Card

Inspired from "Twitter Card" by @bennettfeely (http://codepen.io/bennettfeely/details/Gwmbk) "Twitter Card" has compatibility issues with Firefox. .....
Flip Card

POC for a rapid updating dashboard component .....
Flip Card

Login form with a smooth flip card animation .....
Flip Card

.....
Flip Card

Reference: http://css-tricks.com/forums/discussion/23094/on-click-css-card-flip .....
Flip Card

.....
Flip Card

.....
Flip Card

.....
Flip Card

Flip cards with CSS3 .....
Flip Card

.....
Flip Card

This is my first attempt at creating a flip-card effect with CSS. I applied it to the shoe brand Saunk to test it in a realistic setting. .....
Flip Card

Day 2. Checkin out credit cards. .....
Flip Card

Lesson from Tuts+: https://tutsplus.com/lesson/build-a-3d-flipping-card/ .....
Flip Card

This animation has some touches that make it feel more real. A slight size change on hover promotes interaction. When you click on it the card lifts up, gets a shadow to help convince users that it is lifting up, and then it flip.....
Flip Card

CSS 3D Flipping Card Hover Effect .....
Flip Card

Hover/Click on album cover to show controls. Homage to Berry Weight http://digital.berryweight.com/ . Music via Soundcloud. .....
Flip Card

.....
Flip Card

Elegant Effect Cards Flipping. Great animation using transform property CSS3. I show you how to elegantly present your products on the website. .....
Flip Card

Simple flip card animation on a div. .....
Flip Card

Custom HTML element, design inspired from the material glass, Through which you can see through. .....
Flip Card

.....
Flip Card

Color-coded delivery-flip-cards with live order tracking. .....
Flip Card

.....
Flip Card