Overview: animate services count value

2026-10-04 18:03:54 +07:00 · 2023-10-30 13:06:55 +01:00
parent 5a7d7ece3d
commit b1dc8c2772
2 changed files with 18 additions and 1 deletions
@@ -12,9 +12,26 @@
 	font-size: 80px;
 }

+@property --value {
+	syntax: '<integer>';
+	initial-value: 0;
+	inherits: false;
+}
+
 .overview .big {
 	font-size: 64px;
 	margin-bottom: -4px;
+	counter-reset: value var(--value);
+	transition: --value 1.2s;
+}
+
+.page:not(.current) .overview .big {
+	--value: 0 !important;
+	transition: --value 0s .5s;
+}
+
+.overview .big::after {
+	content: counter(value);
 }

 .overview .small {