diff --git a/src/index.html b/src/index.html index ce65197ef..1854b289e 100644 --- a/src/index.html +++ b/src/index.html @@ -18,9 +18,13 @@
-
+
-
+
diff --git a/src/styles/main.scss b/src/styles/main.scss index 4f66687f2..1433adb54 100644 --- 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); /* Кінець анімації (повний оберт) */ } } -}