Luxury Card transforme une photo ou une vidéo en pièce éditoriale : un overlay chaleureux pose l’ambiance, un cadre keyline fin se glisse juste à l’intérieur des bords, et un numéro, un titre et une description se posent sur l’image. Au hover, le cadre s’écarte vers l’extérieur en se dissolvant, la photo revient à son échelle réelle et l’overlay devient transparent pour dévoiler plus du visuel, chaque élément sur son propre timing.

Chaque couche est exposée : couleur et blend mode de l’overlay, quatre effets de cadre, sens du zoom au hover, et un timing partagé. Ajoutez un scrim optionnel pour les images claires, choisissez une police par ligne de texte, et réglez le background, le radius et l’ombre de la card. Le média accepte image ou vidéo, en upload ou par URL directe.

Média et lecture

• Image ou vidéo, en upload ou par URL directe

• Lecture au hover et pause sur place au relâchement, ou autoplay

• Pause hors écran, focal point qui garde le sujet cadré

Cadre et overlay

• Cadre keyline en retrait, avec sa couleur, son épaisseur, son inset et son radius

• Overlay chaleureux avec blend modes : Normal, Multiply, Screen, Overlay, Soft Light, Color

• Scrim optionnel en bas, qui remonte derrière le texte

Animation au hover

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

• Zoom au repos et au hover réglés séparément, en avant ou en arrière

• Lift du texte, durée et easing ajustables, le canvas reste fixe

Texte et style de la card

• Numéro, titre et description, chacun avec sa police

• Inset du texte et écart titre / description indépendants

• Background, radius, ombre de la card, et lien optionnel sur toute la card