Updated to fix animation delay issue

surfbryce · May 18, 2023 · 85933e8 · 85933e8
1 parent 74095e3
commit 85933e8
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 3 deletions.
diff --git a/dist/beautiful-lyrics.js b/dist/beautiful-lyrics.js
diff --git a/src/stylings/main.scss b/src/stylings/main.scss
@@ -141,7 +141,6 @@
 		filter: blur(40px);
 		z-index: 1;
 		animation-direction: reverse;
-		animation-delay: 10s;
 	}
 }
 
@@ -153,3 +152,16 @@
 		transform: rotate(360deg);
 	}
 }
+
+:root {
+	--beautiful-lyrics-random-degree: 258deg;
+}
+
+@keyframes rotate {
+	0% {
+		transform: rotate(var(--beautiful-lyrics-random-degree));
+	}
+	100% {
+		transform: rotate(calc(var(--beautiful-lyrics-random-degree) + 360deg));
+	}
+}