• Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Localization
*Translated by Google Translator.
Currency
Essential Studio
HOME
All Controls

Example of Flip Card in ASP.NET Core Card Control

This sample demonstrates 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
Address
970 Drummond Street
New York
New Jersey
Postal Code: 07102
USA
Creative One
John Doe
Architecture
johndoe@mail.com
011-141-221
www.johndoe.com

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 section.