Sonne bzw. Mond in der Ecke oben rechts der Leiste, dahinter ziehen Wolken in zwei Lagen langsam von links nach rechts (reines CSS, nahtlose Kacheln). Im hellen Modus fallen alle 16-24 s zwei bis drei Sonnenstrahlen diagonal ueber den Bildschirm. Bernstein bei Tag, Lavendel und Sterne bei Nacht. Bei prefers-reduced-motion still. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
20 lines
788 B
XML
20 lines
788 B
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 80" width="800" height="80">
|
|
<!--
|
|
Aura, hintere Wolken. Eine Kachel, die sich nahtlos wiederholt: keine Wolke
|
|
beruehrt den linken oder rechten Rand. index.css schiebt die Kachel langsam
|
|
nach rechts, genau um ihre Breite je Umlauf - deshalb kein Ruck.
|
|
-->
|
|
<defs>
|
|
<filter id="weich" x="-20%" y="-50%" width="140%" height="200%">
|
|
<feGaussianBlur stdDeviation="3" />
|
|
</filter>
|
|
</defs>
|
|
<g fill="#ffffff" opacity="0.55" filter="url(#weich)">
|
|
<ellipse cx="110" cy="24" rx="70" ry="12" />
|
|
<ellipse cx="140" cy="18" rx="40" ry="11" />
|
|
<ellipse cx="430" cy="46" rx="80" ry="12" />
|
|
<ellipse cx="460" cy="38" rx="42" ry="12" />
|
|
<ellipse cx="650" cy="20" rx="60" ry="10" />
|
|
</g>
|
|
</svg>
|