From 53022893679c23e1886e0261ff9482f173adc023 Mon Sep 17 00:00:00 2001
From: tszhong0411 <me@honghong.me>
Date: Sun, 2 Feb 2025 23:07:52 +0800
Subject: [PATCH] fix(ui): update transition property for blur image effect

---
 .changeset/rare-bears-sleep.md | 5 +++++
 packages/ui/src/blur-image.tsx | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/rare-bears-sleep.md

diff --git a/.changeset/rare-bears-sleep.md b/.changeset/rare-bears-sleep.md
new file mode 100644
index 00000000..3de7ef79
--- /dev/null
+++ b/.changeset/rare-bears-sleep.md
@@ -0,0 +1,5 @@
+---
+'@tszhong0411/ui': patch
+---
+
+Update transition property for blur image effect
diff --git a/packages/ui/src/blur-image.tsx b/packages/ui/src/blur-image.tsx
index 769069cd..1bdd8340 100644
--- a/packages/ui/src/blur-image.tsx
+++ b/packages/ui/src/blur-image.tsx
@@ -23,7 +23,7 @@ const BlurImage = (props: ImageProps) => {
       <NextImage
         className={cn(isLoading && 'scale-[1.02] blur-xl grayscale', imageClassName)}
         style={{
-          transition: 'filter 700ms ease, transform 150ms ease'
+          transition: 'filter 700ms ease, scale 150ms ease'
         }}
         src={src}
         alt={alt}