Increase prominence of scroll text on homepage

dphfox · Aug 28, 2024 · 737ba33 · 737ba33
1 parent a08f8a0
commit 737ba33
Showing 1 changed file with 15 additions and 1 deletion.
diff --git a/docs/assets/theme/home.css b/docs/assets/theme/home.css
@@ -118,8 +118,11 @@
 	width: max-content;
 	padding: 0.5em;
 
+	animation: home-scroll-entry 0.5s ease 1s both;
+
 	background-color: var(--fusiondoc-bg-1);
 	font-weight: 700;
+	font-size: 1.25em;
 	overflow: hidden;
 }
 
@@ -132,7 +135,7 @@
 	right: -200%;
 	height: 100%;
 	background: linear-gradient(to right, var(--fusiondoc-bg-1) 40%, transparent 45%, transparent 55%, var(--fusiondoc-bg-1) 60%);
-	opacity: 0.25;
+	opacity: 0.4;
 	animation: home-scroll-shimmer 2s linear infinite;
 }
 
@@ -144,6 +147,17 @@
 	animation: home-scroll-move 1s ease-in-out infinite alternate;
 }
 
+@keyframes home-scroll-entry {
+	0% {
+		opacity: 0;
+		translate: 0 1em;
+	}
+	100% {
+		opacity: 1;
+		translate: 0 0;
+	}
+}
+
 @keyframes home-scroll-move {
 	0% {
 		transform: translateY(-0.2rem);