Fix Ghost text gradient - keep end visible at 20% opacity

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
clucraft 2026-01-23 13:48:48 -05:00
parent a8126e0fb3
commit 2c8843ed8a

View file

@ -5,11 +5,11 @@
<stop offset="0%" style="stop-color:#818cf8"/>
<stop offset="100%" style="stop-color:#6366f1"/>
</linearGradient>
<!-- Text fade gradient for "Ghost" - starts more opaque -->
<!-- Text fade gradient for "Ghost" - fades but stays visible -->
<linearGradient id="textFade" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:#1f2937;stop-opacity:0.85"/>
<stop offset="40%" style="stop-color:#1f2937;stop-opacity:0.5"/>
<stop offset="100%" style="stop-color:#1f2937;stop-opacity:0"/>
<stop offset="0%" style="stop-color:#1f2937;stop-opacity:0.9"/>
<stop offset="50%" style="stop-color:#1f2937;stop-opacity:0.55"/>
<stop offset="100%" style="stop-color:#1f2937;stop-opacity:0.2"/>
</linearGradient>
<!-- Glow filter -->
<filter id="glow" x="-20%" y="-20%" width="140%" height="140%">

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

Before After
Before After