2 files changed, 31 insertions, 0 deletions
diff --git a/themes/danix-xyz-hacker/assets/css/main.css b/themes/danix-xyz-hacker/assets/css/main.css
index 4516fad..f2182a6 100644
--- a/themes/danix-xyz-hacker/assets/css/main.css
+++ b/themes/danix-xyz-hacker/assets/css/main.css
@@ -766,6 +766,24 @@ html.theme-light picture img[src="/images/default_thumbnail_dark.png"] {
     box-shadow: 0 0 18px color-mix(in srgb, var(--type-photo) 10%, transparent);
   }
 
+  /* ---- Timeline lazy-reveal (scroll-triggered) ---- */
+  .js-lazy-timeline > .timeline-item {
+    opacity: 0;
+    transform: translateX(-18px);
+    transition: opacity 320ms ease-out, transform 320ms ease-out;
+  }
+
+  @screen md {
+    .js-lazy-timeline > .timeline-item--right {
+      transform: translateX(18px);
+    }
+  }
+
+  .js-lazy-timeline > .timeline-item.is-visible {
+    opacity: 1;
+    transform: translateX(0);
+  }
+
   /* Header navigation styling */
   .header {
     @apply fixed top-0 left-0 right-0 z-40;
diff --git a/themes/danix-xyz-hacker/assets/css/main.min.css b/themes/danix-xyz-hacker/assets/css/main.min.css
index 000ec85..362d7df 100644
--- a/themes/danix-xyz-hacker/assets/css/main.min.css
+++ b/themes/danix-xyz-hacker/assets/css/main.min.css
@@ -1900,6 +1900,19 @@ article.border.border-border\/30.rounded-lg.timeline-thumb.group.bg-bg {
 
 /* Photo (pink) */
 
+/* ---- Timeline lazy-reveal (scroll-triggered) ---- */
+
+.js-lazy-timeline > .timeline-item {
+  opacity: 0;
+  transform: translateX(-18px);
+  transition: opacity 320ms ease-out, transform 320ms ease-out;
+}
+
+.js-lazy-timeline > .timeline-item.is-visible {
+  opacity: 1;
+  transform: translateX(0);
+}
+
 /* Header navigation styling */
 
 .header {