From c1175bfb7d349fa406cd547c5fd779d38a302a9e Mon Sep 17 00:00:00 2001
From: binary-husky <qingxu.fu@outlook.com>
Date: Mon, 22 Jul 2024 04:53:59 +0000
Subject: [PATCH] add flip card animation

---
 themes/common.css | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/themes/common.css b/themes/common.css
index 16508e31..eb929cff 100644
--- a/themes/common.css
+++ b/themes/common.css
@@ -170,14 +170,15 @@
     padding: 15px;
     margin: 10px;
     flex: 1 0 calc(30% - 5px);
-    transition: opacity 0.1s ease-in-out;
-    opacity: 1;
+    transform: rotateY(0deg);
+    transition: transform 0.1s;
+    transform-style: preserve-3d;
 }
 .welcome-card.show {
-    opacity: 1;
+    transform: rotateY(0deg);
 }
 .welcome-card.hide {
-    opacity: 0;
+    transform: rotateY(90deg);
 }
 .welcome-title {
     font-size: 40px;