Sascha WolfandClaude Opus 5
2d84bac91d
Die festen Huegel weichen drei Wellenkacheln (aura-wave-back/mid/front). Jede ist genau eine Sinusperiode breit, wiederholt sich waagerecht und wandert in 40 s um ihre eigene Kachelbreite - nahtlos und in beiden Modi. Unterschiedliche Kachelbreiten ergeben unterschiedliche Geschwindigkeiten. Loest aura-hills ab; bei prefers-reduced-motion stehen die Wellen still. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
18 lines
796 B
XML
18 lines
796 B
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 260 900" width="260" height="900" preserveAspectRatio="xMidYMax slice">
|
|
<!--
|
|
Aura, Seitenleiste: nur der warme Dunst ueber dem unteren Rand. Die Wellen
|
|
darueber liegen in eigenen Dateien (aura-wave-*.svg), weil sie sich
|
|
bewegen und dafuer einzeln verschoben werden muessen.
|
|
-->
|
|
<defs>
|
|
<linearGradient id="dunst" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0" stop-color="#ffd9a0" stop-opacity="0" />
|
|
<stop offset="1" stop-color="#ffd9a0" stop-opacity="0.45" />
|
|
</linearGradient>
|
|
<filter id="weich" x="-20%" y="-20%" width="140%" height="140%">
|
|
<feGaussianBlur stdDeviation="14" />
|
|
</filter>
|
|
</defs>
|
|
<rect y="520" width="260" height="380" fill="url(#dunst)" filter="url(#weich)" />
|
|
</svg>
|