← EffetsStudio Chardon Lab

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.