CHARDON FX / ÉTUDE VISUELLE
Le texte
au rythme du scroll.
Faites défiler lentement ↓
Chaque site commence par une question simple : que doit ressentir la personne qui arrive sur votre page ?
On choisit les images, le rythme et le mouvement avant d’écrire la moindre ligne de code.
Le résultat ressemble à votre marque, pas à un modèle.
08 / Récit · CSS · scroll natif
Récit au scroll
Le texte se lit au rythme du visiteur.
Les mots s’éclairent un à un pendant le défilement, tandis que le fond change doucement de couleur.
Où l’utiliser
Manifestes de marque, pages « À propos », lancements, histoire d’un domaine ou d’un restaurant.
Notre regard
Trois phrases courtes suffisent. Au-delà, le visiteur décroche.
À essayer
Faites défiler lentement : chaque mot s’allume à son tour.
Une lecture adaptée
En mouvement réduit, tout le texte s’affiche d’un coup, sur le fond final.
Étude visuelle de démonstration. Images générées pour le Lab.
Base d’intégration
<section data-fx="scroll-story" data-from="#06061a" data-to="#2a1d4a">
<p data-fx-words>Une phrase courte.</p>
<p data-fx-words>Une deuxième phrase.</p>
</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.