fix

mate-academy · Jan 18, 2025 · b44882f · b44882f
1 parent 7949765
commit b44882f
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 12 deletions.
diff --git a/src/index.html b/src/index.html
@@ -18,9 +18,13 @@
   </head>
   <body class="page">
     <div class="page__stopwatch stopwatch page__stopwatch--speed-up">
-      <div class="stopwatch__minutes-hand"></div>
+      <div
+        class="stopwatch__minutes-hand stopwatch__minutes-hand--speed-up"
+      ></div>
       <div class="stopwatch__center"></div>
-      <div class="stopwatch__seconds-hand"></div>
+      <div
+        class="stopwatch__seconds-hand stopwatch__seconds-hand--speed-up"
+      ></div>
     </div>
   </body>
 </html>
diff --git a/src/styles/main.scss b/src/styles/main.scss
@@ -4,15 +4,6 @@
   justify-content: center;
   align-items: center;
   height: 100vh;
-
-  &__stopwatch--speed-up {
-    .stopwatch__minutes-hand {
-      animation: minutes 600s steps(60) infinite;
-    }
-
-    .stopwatch__seconds-hand {
-      animation: seconds 10s linear infinite;
-    }
 }
 
 .stopwatch {
@@ -36,6 +27,10 @@
     top: -10vmin;
     transform-origin: bottom center;
     animation: minutes 3600s steps(60) infinite;
+
+    &--speed-up {
+      animation-duration: 600s;
+    }
   }
 
   &__center {
@@ -58,6 +53,10 @@
     align-items: center;
     transform-origin: bottom center;
     animation: seconds 60s linear infinite;
+
+    &--speed-up {
+      animation-duration: 10s;
+    }
   }
 }
 
@@ -78,4 +77,3 @@
     transform: rotate(360deg); /* Кінець анімації (повний оберт) */
   }
 }
-}