Spotlight Collage
Spotlight Collage
Type
Component
Plateforme
Framer
Créé en
2026
Type
Component
Plateforme
Framer
Créé en
2026
Un collage libre d’images et vidéos : survolez un média, il passe au premier plan pendant que les autres s’écartent et se floutent
Spotlight Collage arrange vos images et vidéos en un collage libre où les médias se chevauchent. Survolez-en un : il reste en place pendant que les autres s’écartent et se réduisent, pour le laisser seul en scène. On s’éloigne, tout revient. Sur mobile, un tap fait la même chose.
Rien n’est automatique dans la composition : vous posez chaque pièce à la main, avec sa position, sa taille et sa rotation, et vous mélangez images et vidéos comme vous voulez. Ensuite vous réglez de combien les autres médias s’écartent, leur scale et leur blur, le lift et l’ombre du média actif, et le spring derrière chaque mouvement.
Interaction et spotlight
Spotlight au hover ou au tap, les autres médias dégagent le passage
Écartement horizontal et vertical séparés, plus scale-down et blur des médias en retrait
Lift, ombre et léger zoom optionnels sur le média survolé
Tap en dehors pour relâcher, les liens s’ouvrent au second tap
Composition des médias
Image ou vidéo par élément, en upload ou par URL
X, Y, width, height et rotation manuels pour chaque pièce
Vidéos en autoplay muted, loop, pause hors écran
Lien par média, avec nouvel onglet en option
Animation d’entrée
Les médias s’animent au premier passage du collage dans le viewport
Mode Auto, ou Custom pour régler opacity, scale et décalage vertical de départ
Durée et stagger par média ajustables
Layout et responsive
Auto Fit adapte le collage aux breakpoints étroits
Zoom manuel, overflow visible ou clippé
Background, ombre, border et radius par média

