Preserve the tape shadow over scrolling content
showcase/deploy Live at https://showcase.andrefiedler.de/2608_BuB/

This commit is contained in:
André Fiedler
2026-09-07 18:40:44 +02:00
parent 7d09a69268
commit 164476a5b3
5 changed files with 18 additions and 5 deletions
+12
View File
@@ -0,0 +1,12 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 270">
<defs>
<!-- Original IDML shadow: 35% opacity, 2.7895 pt offsets, 3.945 pt blur size. -->
<filter id="shadow" filterUnits="userSpaceOnUse" x="-20" y="-20" width="1240" height="310" color-interpolation-filters="sRGB">
<feDropShadow dx="2.789536" dy="2.789536" stdDeviation="1.9725" flood-color="white" flood-opacity="0.35"/>
</filter>
</defs>
<g fill="white" filter="url(#shadow)">
<path transform="matrix(1,0,0,-1,0,134.74762)" d="M0 0V-23.7L1200 36.564V60.264Z"/>
<path transform="matrix(1,0,0,-1,452.3481,0)" d="M0 0 747.652-253.794V-228.797L73.637 0Z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 667 B