Spotlight Collage vous permet de placer chaque élément librement et de créer des compositions organiques et dynamiques. Au survol, le média sélectionné reste en place tandis que les autres s'écartent, se réduisent et se floutent pour lui laisser toute la place. Sur mobile, la même interaction fonctionne au toucher.

Features

Interaction

• Spotlight au survol ou au toucher

• Les médias environnants se déplacent, se réduisent et se floutent

• Lift, shadow et zoom optionnels sur le média actif

• Interaction tactile avec libération au tap extérieur

Media

• Images et vidéos depuis un upload ou une URL

• Position, taille et rotation personnalisables pour chaque média

• Autoplay, Loop et pause automatique des vidéos hors viewport

• Lien optionnel pour chaque média

Reveal

• Animation d'entrée au premier passage dans le viewport

• Mode Auto ou Custom pour contrôler l'apparition des médias

• Durée et stagger ajustables

Layout & Style

• Auto Fit pour adapter automatiquement le collage aux différentes tailles d'écran

• Zoom manuel et contrôle de l'overflow

• Background, border, radius et shadow personnalisables

Installation

1. Glissez Spotlight Collage sur votre canvas Framer

2. Ajoutez vos images et vidéos dans Media

3. Positionnez chaque élément avec X, Y, width, height et rotation

4. Personnalisez l'interaction et le style

5. Publiez