v4 Kontrollzentrum: 6 Länder (DE/AT/CH/NL/PL/DK), Währungs-aware, eBay/Retoure + Shop-Seriosität, Preis-Strip, Wetter-Banner (Open-Meteo)+Quellen, availability-first Home, Animationen, Länder-Scope, Preiswecker
This commit is contained in:
@@ -100,3 +100,14 @@ header.site .brand{letter-spacing:-.02em}
|
||||
.pill-stat{display:inline-flex;align-items:center;gap:.5rem;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:.45rem .9rem;box-shadow:var(--shadow-card);font-size:.9rem}
|
||||
.pill-stat b{font-family:var(--mono);color:var(--petrol-deep)}
|
||||
.section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}
|
||||
|
||||
/* --- v4 animations + polish --- */
|
||||
@keyframes kf-pulse{0%{box-shadow:0 0 0 0 oklch(0.62 0.13 155 / .5)}70%{box-shadow:0 0 0 8px oklch(0.62 0.13 155 / 0)}100%{box-shadow:0 0 0 0 oklch(0.62 0.13 155 / 0)}}
|
||||
.dot.live{animation:kf-pulse 2.2s infinite}
|
||||
.reveal{opacity:0;transform:translateY(16px)}
|
||||
.reveal.in{opacity:1;transform:none;transition:opacity .6s var(--ease,cubic-bezier(.16,1,.3,1)),transform .6s var(--ease,cubic-bezier(.16,1,.3,1))}
|
||||
.reveal[data-d="1"]{transition-delay:.08s}.reveal[data-d="2"]{transition-delay:.16s}.reveal[data-d="3"]{transition-delay:.24s}
|
||||
@keyframes kf-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
|
||||
.anim-in{animation:kf-in .45s cubic-bezier(.16,1,.3,1) both}
|
||||
.flag{font-size:1.05em;line-height:1}
|
||||
@media (prefers-reduced-motion: reduce){.reveal{opacity:1!important;transform:none!important}.dot.live{animation:none}}
|
||||
|
||||
Reference in New Issue
Block a user