CHARDON FX / ÉTUDE VISUELLE
Chaque détail
compte.
Faites défiler. Sur téléphone, glissez aussi la rangée ↔






04 / Détails · CSS 3D · scroll natif
Images en rotation
Un nouveau regard sur chaque détail.
Une vague fait pivoter les images, du profil à la face. Le rythme met en valeur les matières et les cadrages.
Où l’utiliser
Mobilier, détails d’intérieur, plats, collections de produits.
Notre regard
Un effet facile à adapter à de nombreux métiers. Sur téléphone, une rangée horizontale permet de voir tous les visuels.
À essayer
Faites défiler pour déclencher la vague. Sur petit écran, faites aussi glisser la rangée horizontalement.
Une lecture adaptée
Toutes les images sont disponibles en grille en mouvement réduit.
Études visuelles de démonstration. Le bouton Photos ou Médias permet d’essayer vos propres images et films, conservés dans ce navigateur.
Base d’intégration
<section data-fx="rotating-image" data-ratio="3/5" data-stagger="0.2">
<div data-fx-head><h2>Les détails</h2></div>
<img src="detail.webp" alt="Description du détail">
<!-- Ajouter les autres images -->
</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.