یک کارت سه‌بعدی با دو وجه بسازید که هنگام هاور با چرخش حول محور Y پشتِ کارت را نشان دهد (فقط با CSS و بدون جاوااسکریپت).

یک ظرف با خصوصیت perspective برای ایجاد عمق بسازید و عنصر کارت را با transform-style: preserve-3d تنظیم کنید؛ دو وجه کارت (front و back) را به‌صورت absolute روی هم قرار دهید و برای هر کدام backface-visibility: hidden تعیین کنید. برای نمایش پشت هنگام هاور، کارت را با transition و transform: rotateY(180deg) بچرخانید؛ جهت گرفتن نتیجه بهتر از transform-origin مرکزی، اندازه ثابت، و در صورت نیاز از translateZ یا box-shadow برای حس عمق استفاده کنید و در مرورگرهای قدیمی‌تری که لازم است، پیشوندهای -webkit- را اضافه کنید.