CHARDON FX / ÉTUDE VISUELLE
Le titre
appelle l’image.
Survolez les titres avec la souris. Sur téléphone, la liste reste simple.
07 / Navigation · CSS · pointeur
Survol des univers
Le titre appelle l’image.
Une liste typographique sobre. Au survol, une miniature suit le curseur et révèle le projet.
Où l’utiliser
Studios, photographes, agences, cartes de restaurant, collections.
Notre regard
Idéal pour une liste de projets ou de catégories : la page reste légère, l’image arrive au moment où on la cherche.
À essayer
Passez la souris sur les titres. Sur téléphone, la liste reste simple et cliquable.
Une lecture adaptée
En mouvement réduit, la miniature suit le pointeur sans effet de traîne.
Étude visuelle de démonstration. Images générées pour le Lab.
Base d’intégration
<section data-fx="hover-preview" data-size="260">
<a href="projet.html" data-thumb="projet.webp">Projet <span>2026</span></a>
</section>Utiliser ensemble chardon-fx.css et chardon-fx.js. Adapter les médias et les couleurs au projet, puis vérifier sur les appareils cibles.