From e78633e816d43112edeb91fd21bac4a92323e4f0 Mon Sep 17 00:00:00 2001
From: Nathan King <nathanking3590@gmail.com>
Date: Tue, 6 Jun 2023 14:44:15 +0100
Subject: [PATCH] add animations

---
 style.css | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/style.css b/style.css
index 05c20ae..95f77be 100644
--- a/style.css
+++ b/style.css
@@ -44,6 +44,7 @@ main {
     border: 2px solid #1212b2;
     border-radius: 50%;
     cursor: pointer;
+    animation: pop-effect 0.4s ease-out;
 }
 
 .character img {
@@ -94,6 +95,7 @@ main {
     margin: 24px auto;
     background-color: #ffffff; 
     border: 2px solid #1212b2;
+    animation: pop-effect 0.3s ease-out;
 }
 
 .modal-content {
@@ -118,4 +120,16 @@ main {
     display: block;
     font-size: 10px;
     color: #6885e0;
+}
+
+@keyframes pop-effect {
+    0% {
+        transform: scale(0.75);
+    }
+    40% {
+        transform: scale(1.02);
+    }
+    100% {
+        transform: scale(1);
+    }    
 }
\ No newline at end of file