From 5a280ce2847fe45960dba76e8d6e76c6b5027098 Mon Sep 17 00:00:00 2001
From: couldntfindabetterusername <bt20ece098@iiitn.ac.in>
Date: Wed, 9 Mar 2022 10:02:23 +0530
Subject: [PATCH] day 23 completed

---
 my code/23-kinetic-loader/script.js | 10 +++++-----
 my code/23-kinetic-loader/style.css |  8 ++++----
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/my code/23-kinetic-loader/script.js b/my code/23-kinetic-loader/script.js
index b5653a9..24d0550 100644
--- a/my code/23-kinetic-loader/script.js	
+++ b/my code/23-kinetic-loader/script.js	
@@ -1,8 +1,8 @@
 const one = document.getElementById("one");
 const two = document.getElementById("two");
 
-while (1) {
-  setTimeout(() => {
-    one.classList.add();
-  }, 2000);
-}
+// while (1) {
+//   setTimeout(() => {
+//     one.classList.add();
+//   }, 2000);
+// }
diff --git a/my code/23-kinetic-loader/style.css b/my code/23-kinetic-loader/style.css
index 7bed048..f2935ec 100644
--- a/my code/23-kinetic-loader/style.css	
+++ b/my code/23-kinetic-loader/style.css	
@@ -30,12 +30,12 @@ body {
 #one {
   top: 0;
   left: 0;
-  animation: rotate1 2s linear infinite 0.5s;
+  animation: rotate1 2s linear infinite;
 }
 
 #two {
   transform: rotate(-90deg);
-  /* animation: rotate1 2s linear infinite; */
+  animation: rotate2 2s linear infinite 0.5s;
 }
 
 @keyframes rotate1 {
@@ -44,11 +44,11 @@ body {
     transform: rotate(0deg);
   }
   50% {
-    transform: rotate(90deg);
+    transform: rotate(180deg);
   }
   75%,
   100% {
-    transform: rotate(180deg);
+    transform: rotate(360deg);
   }
 }