From 303c76cbd6f91ebf6e8f94a227cd890c01be73a0 Mon Sep 17 00:00:00 2001
From: el-yazide mohamed <el-yazide.mohamed@esadhar.fr>
Date: Sat, 7 Jun 2025 21:11:51 +0200
Subject: [PATCH] anim css x

---
 node-server/assets/styleshe.css  | 6 +++++-
 node-server/assets/stylesrom.css | 6 +++++-
 node-server/assets/stylestam.css | 6 +++++-
 3 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/node-server/assets/styleshe.css b/node-server/assets/styleshe.css
index f4bced1..54ed7a5 100644
--- a/node-server/assets/styleshe.css
+++ b/node-server/assets/styleshe.css
@@ -78,7 +78,7 @@ body {
     height: 600px;
     border-radius: 50%;
     background: radial-gradient(circle at center, #444 0%, #111 60%, #000 100%);
-    animation: spin 5s linear infinite paused;
+    /*animation: spin 5s linear infinite paused;*/
     display: flex;
     align-items: center;
     justify-content: center;
@@ -86,6 +86,10 @@ body {
     cursor: pointer;
     margin: 20px 0;
   }
+
+  .vinyl.reverse {
+    animation: spin-reverse 4s linear infinite; 
+  }
   
   .vinyl img {
     width: 40%;
diff --git a/node-server/assets/stylesrom.css b/node-server/assets/stylesrom.css
index 9f45338..b9c3541 100644
--- a/node-server/assets/stylesrom.css
+++ b/node-server/assets/stylesrom.css
@@ -78,7 +78,7 @@ body {
     height: 600px;
     border-radius: 50%;
     background: radial-gradient(circle at center, #444 0%, #111 60%, #000 100%);
-    animation: spin 5s linear infinite paused;
+    /*animation: spin 5s linear infinite paused;*/
     display: flex;
     align-items: center;
     justify-content: center;
@@ -87,6 +87,10 @@ body {
     margin: 20px 0;
   }
   
+  .vinyl.reverse {
+    animation: spin-reverse 4s linear infinite; 
+  }
+
   .vinyl img {
     width: 40%;
     border-radius: 50%;
diff --git a/node-server/assets/stylestam.css b/node-server/assets/stylestam.css
index a0d7a4c..9dd006c 100644
--- a/node-server/assets/stylestam.css
+++ b/node-server/assets/stylestam.css
@@ -78,7 +78,7 @@ body {
     height: 600px;
     border-radius: 50%;
     background: radial-gradient(circle at center, #444 0%, #111 60%, #000 100%);
-    animation: spin 5s linear infinite paused;
+    /*animation: spin 5s linear infinite paused;*/
     display: flex;
     align-items: center;
     justify-content: center;
@@ -86,6 +86,10 @@ body {
     cursor: pointer;
     margin: 20px 0;
   }
+
+  .vinyl.reverse {
+    animation: spin-reverse 4s linear infinite; 
+  }
   
   .vinyl img {
     width: 40%;