Example of Flip Card in ASP.NET MVC Card Control
This sample demonstrates how to flip(rotate) the card to show hidden information which is on back side of the card by clicking or focus-out of it.
DEMO
SOURCE
Mayumi Ohno
Marketing Representative
Address
P.O. Box 78934
New Orleans
Los Angeles
Postal Code: 70117
USA
New Orleans
Los Angeles
Postal Code: 70117
USA
Address
970 Drummond Street
New York
New Jersey
Postal Code: 07102
USA
New York
New Jersey
Postal Code: 07102
USA
Cards in this sample have a hidden content within the DOM (Document Object Model), which is set behind the visible card. On the click action handler of front card, the back-side content is shown with a flip animation.
More information about Card can be found in this documentation opens in a new tab section.