Begrüßungs-Karte im Kundenkonto besonders gestaltet

Wandernder Mehrfarb-Verlaufsrand, sanfter Farbschein im Hintergrund, ein
Glanz-Sweep, der regelmäßig durchläuft, ein pulsierender Leucht-Ring um
den Avatar und zwei funkelnde -Sternchen — dieselbe Formsprache wie beim
"Meine Daten"-Knopf, nur größer und ruhiger für gute Lesbarkeit.
Respektiert prefers-reduced-motion.

Co-Authored-By: Claude Sonnet 5 <[email protected]>
This commit is contained in:
qcigano
2026-08-03 14:02:28 +02:00
co-authored by Claude Sonnet 5
parent 57183825a0
commit fac404190f
5 changed files with 69 additions and 0 deletions
+2
View File
@@ -65,6 +65,8 @@ const offeneSendungen = beispielBestellungen.filter((b) => b.status === "versend
<section class="section-tight">
<div class="container">
<div class="account-head card">
<span class="account-head-sparkle account-head-sparkle-1" aria-hidden="true">✨</span>
<span class="account-head-sparkle account-head-sparkle-2" aria-hidden="true">✨</span>
<div class="account-head-identity">
<span class="account-avatar-lg" id="dash-avatar" aria-hidden="true"></span>
<div>
+2
View File
@@ -65,6 +65,8 @@ const offeneSendungen = beispielBestellungen.filter((b) => b.status === "versend
<section class="section-tight">
<div class="container">
<div class="account-head card">
<span class="account-head-sparkle account-head-sparkle-1" aria-hidden="true">✨</span>
<span class="account-head-sparkle account-head-sparkle-2" aria-hidden="true">✨</span>
<div class="account-head-identity">
<span class="account-avatar-lg" id="dash-avatar" aria-hidden="true"></span>
<div>
+2
View File
@@ -65,6 +65,8 @@ const offeneSendungen = beispielBestellungen.filter((b) => b.status === "versend
<section class="section-tight">
<div class="container">
<div class="account-head card">
<span class="account-head-sparkle account-head-sparkle-1" aria-hidden="true">✨</span>
<span class="account-head-sparkle account-head-sparkle-2" aria-hidden="true">✨</span>
<div class="account-head-identity">
<span class="account-avatar-lg" id="dash-avatar" aria-hidden="true"></span>
<div>
+2
View File
@@ -65,6 +65,8 @@ const offeneSendungen = beispielBestellungen.filter((b) => b.status === "versend
<section class="section-tight">
<div class="container">
<div class="account-head card">
<span class="account-head-sparkle account-head-sparkle-1" aria-hidden="true">✨</span>
<span class="account-head-sparkle account-head-sparkle-2" aria-hidden="true">✨</span>
<div class="account-head-identity">
<span class="account-avatar-lg" id="dash-avatar" aria-hidden="true"></span>
<div>