fix(ui): update transition property for blur image effect

tszhong0411 · Feb 2, 2025 · 5302289 · 5302289
1 parent 82ecec2
commit 5302289
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/rare-bears-sleep.md 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
@@ -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}