feat: make scroll to top button attractive with hover effects (#3605)

Co-authored-by: Ansh Goyal <[email protected]>%0ACo-authored-by: Apple <[email protected]>%0ACo-authored-by: asyncapi-bot <[email protected]>
asyncapi · Jan 30, 2025 · 59209f2 · 59209f2
1 parent 7d9abc2
commit 59209f2
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/components/buttons/ScrollButton.tsx b/components/buttons/ScrollButton.tsx
@@ -28,7 +28,10 @@ function ScrollButton() {
   return (
     <div className='fixed bottom-14 right-4 z-40 h-16 w-12'>
       {backToTopButton && (
-        <button className='rounded-full bg-white shadow-md ' onClick={scrollUp}>
+        <button
+          className='rounded-full bg-white shadow-md transition-all duration-300 ease-in-out hover:scale-110 hover:bg-[#8851FB]'
+          onClick={scrollUp}
+        >
           <img src={scrollImage} alt='scroll to top' />
         </button>
       )}