adamsgaard.dk

commit f1f3da83e490f1b9d25b19a33d7a8a503004ef2f
parent 98e74503d6d863a72b4085d9f180736b93dcbb01
Author: Anders Damsgaard <anders@adamsgaard.dk>
Date:   Sun, 26 Apr 2026 20:33:17 +0200

style.css: restore welcome banner color animation

Re-implement the color-change animation removed in d2be747 with a
single standard @keyframes block (no vendor prefixes). Add
prefers-reduced-motion guard so users who disable animations get
the static color with zero repaint cost.

Diffstat:
M
style.css
 | 
16
++++++++++++++++

1 file changed, 16 insertions(+), 0 deletions(-)
diff --git a/style.css b/style.css
@@ -90,6 +90,22 @@ li {
 .welcome {
 	white-space: pre;
 	color: #5f5;
+	animation: color-change 5s infinite;
+}
+
+@keyframes color-change {
+	0%   { color: #5f5; }
+	40%  { color: #5f5; }
+	49%  { color: #55f; }
+	50%  { color: #f5f; }
+	90%  { color: #f5f; }
+	100% { color: #55f; }
+}
+
+@media (prefers-reduced-motion: reduce) {
+	.welcome {
+		animation: none;
+	}
 }
 .btn {
 	display: incline-block;