Corrige le fondu du carrousel de logos (coupait les cartes net)

Le fondu en CSS mask-image ne s'affichait pas correctement : les cartes
en bord de carrousel étaient tronquées net au lieu de s'estomper.
Remplacé par un vrai dégradé en overlay (deux calques blanc→transparent
superposés aux bords), plus fiable visuellement, avec une largeur de
fondu réduite sur mobile.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Fkg15RCxNgUys4ru73He2o
This commit is contained in:
Claude committed 2026-07-14 06:53:20 +00:00
1 parent 2023820896
commit 9cfd4e4e93
2 files changed
+10 -5

No files matched your search

+2
View File
@@ -187,6 +187,8 @@ export default function Home() {
</div>
<div className="container">
<div className="marquee-mask">
<div className="marquee-fade marquee-fade-left" />
<div className="marquee-fade marquee-fade-right" />
<div className="marquee-track">
{marquee.map((m, i) => (
<div key={`${m.id}-${i}`} style={{ width: 210, flexShrink: 0, background: 'var(--bg)', border: '1px solid var(--border)', borderRadius: 4, padding: '22px 20px', display: 'flex', flexDirection: 'column', gap: 14 }}>