HTML + CSSKarten

Sofortbild, das sich entwickelt

Ein Sofortbild, das nach kurzem Schütteln von einem dunklen Fleck zu einem farbigen Sonnenuntergang wird, mit handschriftlicher Bildunterschrift.

Einstellungen

16px
1x

Code

<button type="button" class="uvq07-pol" aria-pressed="false"><span class="fr"><span class="ph" aria-hidden="true"><i class="sk"></i><i class="sn"></i><i class="se"></i><i class="sa"></i><i class="dv"></i></span><span class="cp">Cádiz, August</span></span><span class="hn"><span class="h1">Tippen zum Entwickeln</span><span class="h2">Erneut tippen zum Wiederholen</span></span></button>

Prompt für KI

Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.

Markdown-Version mit dem ganzen Code, für KI-Assistenten

Mehr aus Karten

Alle ansehen: Karten

Wofür du ihn nutzen kannst

Sofortbilder haben ihr eigenes Ritual: schütteln, warten und zusehen, wie das Motiv erscheint. Diese Karte bildet das mit geschichteten CSS-Verläufen für die Strandszene nach, dazu eine dunkle Entwicklungsschicht, die langsam verblasst, und ein kurzes Wackeln beim Klick. Sie passt zu Reisetagebüchern, Foto-Apps, Event-Rückblicken und Portfolios mit warmer, greifbarer Note.

Die Hauptfarbe färbt den Abendhimmel, die zweite das Meer; die Bildunterschrift tauschst du gegen Ort und Datum. Mehrere Karten in leicht verschiedenen Winkeln ergeben eine Fotowand im Albumstil.