feat: add ParallaxImage scroll-parallax component to DeepDrftShared.Client

2026-06-11 09:23:34 -04:00
parent 81b8796ba5
commit 4d9505c341
6 changed files with 380 additions and 0 deletions
@@ -0,0 +1,20 @@
+@inherits ParallaxImageBase
+
+<div @ref="WindowRef"
+     class="parallax-window @(FullWidth ? "full-width" : "") @Class"
+     role="@(Alt1 != null ? "img" : "presentation")"
+     aria-label="@Alt1"
+     aria-hidden="@(Alt1 == null ? "true" : null)"
+     style="--window-height: @WindowHeightValue; --parallax-pos: 0%;">
+
+    <div class="layer layer-1"
+         style="background-image: url('@Image1'); background-size: @ImageWidth @ImageHeight;">
+    </div>
+
+    @if (Image2 != null)
+    {
+        <div class="layer layer-2"
+             style="background-image: url('@Image2'); background-size: @ImageWidth @ImageHeight;">
+        </div>
+    }
+</div>