From 672da699f3701b55cb90b103941dbd259a4e1045 Mon Sep 17 00:00:00 2001
From: Artemy <artegoser@gmail.com>
Date: Mon, 17 Oct 2022 17:50:44 +0300
Subject: [PATCH] feat: img animation

---
 src/components/button.jsx | 4 ++--
 src/index.css             | 3 +++
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/button.jsx b/src/components/button.jsx
index 32f620c..f019658 100644
--- a/src/components/button.jsx
+++ b/src/components/button.jsx
@@ -4,7 +4,7 @@ function Button(props) {
   return (
     <Link to={props.href} className={props.className}>
       <div
-        className={`transition-transform w-48 ease-[cubic-bezier(.69,.58,.32,1.69)] delay-60 hover:scale-105  p-2 pl-6 text-lg bg-zinc-100 hover:bg-zinc-300 dark:bg-zinc-600 dark:hover:bg-zinc-800 rounded-2xl ${props.className}`}
+        className={`transition-transform w-48 ease-[cubic-bezier(.69,.58,.32,1.69)] hover:scale-105  p-2 pl-6 text-lg bg-zinc-100 hover:bg-zinc-300 dark:bg-zinc-600 dark:hover:bg-zinc-800 rounded-2xl ${props.className}`}
       >
         {props.children}
       </div>
@@ -16,7 +16,7 @@ function ButtonWithAction(props) {
   return (
     <div
       onClick={props.onClick}
-      className={`transition-transform w-48 ease-[cubic-bezier(.69,.58,.32,1.69)] delay-60 hover:scale-105  p-2 pl-6 text-lg bg-zinc-100 hover:bg-zinc-300 dark:bg-zinc-600 dark:hover:bg-zinc-800 rounded-2xl ${props.className}`}
+      className={`transition-transform w-48 ease-[cubic-bezier(.69,.58,.32,1.69)] hover:scale-105  p-2 pl-6 text-lg bg-zinc-100 hover:bg-zinc-300 dark:bg-zinc-600 dark:hover:bg-zinc-800 rounded-2xl ${props.className}`}
     >
       {props.children}
     </div>
diff --git a/src/index.css b/src/index.css
index 18e334a..9145ed6 100644
--- a/src/index.css
+++ b/src/index.css
@@ -61,4 +61,7 @@
     @apply inline-block bg-transparent text-blue-600;
   }
 
+  .md img {
+    @apply transition-transform w-96 ease-[cubic-bezier(.69,.58,.32,1.69)] hover:scale-105 rounded-2xl;
+  }
 }
\ No newline at end of file