Interactive card design with text clip-mask + background-clip linear-gradient animation.

Animated Business Card with flip effect

Animated Press Card

The game will save your stats locally, via localStorage.

This is an online version of the business card.

Using grid inside flex, instead of the other way around

Prototype for 3D flip button.

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 the containing .flip-card element and put whatever you want into .front and .back and style accordingly. It gracefully degrades too: Webkit: Cards flip with a 3D effect Firefox & IE10: Cards flip but no 3d effect IE9 and down: Back instantly appears on hover

Pure CSS clickable flip cards using only css

Flipping card UI

Learn How to Create Quick and Simple React Flipping Card tutorial

Hover/Click on album cover to show controls.

Rotation effect with only CSS using transform, and HTML content created with JSON.

Flip Cards using Jquery

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

Simple profile flip card using CSS

Flip cards using Bootstrap 4

Card Flipping AngularJS

React - Flip Cards Design for actors