making user index look cool

2024-01-25 15:50:51 +01:00
parent b8b4d0ff54
commit aa2f0f7181
3 changed files with 50 additions and 2 deletions
--- a/styles/pages/user/style.css
+++ b/styles/pages/user/style.css
@@ -19,4 +19,16 @@
 .outlined-text {
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 2.2px #8c00ff;
-}
+}
+
+.user-index-h1,
+.user-index-h2 {
+    opacity: 0; /* Initially set opacity to 0 */
+    transform: translateX(-20px); /* Move elements outside the viewport to the left */
+    transition: opacity 0.8s ease, transform 0.8s ease; /* Apply transition effect */
+}
+
+.visible {
+    opacity: 1;
+    transform: translateX(0); /* Move elements back to their original position */
+}