Luxury Card superpose un overlay chaleureux, un cadre keyline légèrement en retrait et trois niveaux de texte pour créer une card élégante et immersive. Au survol, le cadre s'ouvre et disparaît, l'image revient progressivement à son échelle naturelle et l'overlay se soulève pour révéler davantage du visuel, chaque animation ayant son propre timing.

Features

Media

• Image ou vidéo, depuis un upload ou une URL directe

• Lecture vidéo au survol avec pause au relâchement, ou Autoplay

• Mise en pause automatique lorsque le média sort du viewport

• Focal Point pour conserver le sujet correctement cadré

Frame & Overlay

• Cadre keyline avec couleur, épaisseur, inset et radius personnalisables

• 4 effets de cadre : Bloom, Assemble, Hold ou None

• Overlay chaleureux avec plusieurs blend modes

• Scrim optionnel en bas de l'image pour améliorer la lisibilité du texte

Hover

• Zoom indépendant au repos et au survol, en avant ou en arrière

• Décalage du texte personnalisable

• Durée et easing ajustables pour chaque animation

• Le canvas reste fixe pendant l'interaction

Content & Style

• Number, title et description avec une police personnalisable pour chaque ligne

• Inset du texte et espacement entre le titre et la description ajustables

• Background, radius et shadow de la carte personnalisables

• Lien optionnel sur l'ensemble de la carte

Installation

1. Glissez Luxury Card sur votre canvas Framer

2. Choisissez Image ou Video

3. Ajoutez le numéro, le titre et la description

4. Personnalisez l'overlay, le cadre et les effets au survol

5. Publiez