From 971f0906c305fd51464f899b391d4184aae32a33 Mon Sep 17 00:00:00 2001
From: ONLY-yours <1349021570@qq.com>
Date: Mon, 21 Aug 2023 14:46:40 +0800
Subject: [PATCH] :safety_vest: feat: update Action Css Transition

---
 src/ActionIcon/style.ts | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/ActionIcon/style.ts b/src/ActionIcon/style.ts
index c47103b4..96a905ac 100644
--- a/src/ActionIcon/style.ts
+++ b/src/ActionIcon/style.ts
@@ -17,6 +17,14 @@ export const useStyles = createStyles(({ token, css, cx }, { size, className, pr
     &:hover {
       color: ${token.colorText} !important;
     }
+
+    &:active {
+      scale: 0.8;
+      color: ${token.colorText};
+    }
+
+    transition: color 600ms ${token.motionEaseOut}, scale 400ms ${token.motionEaseOut},
+      background-color 100ms ${token.motionEaseOut};
   `;
 
   return {