01 / Ambiance · WebGL · sans image
Lignes de lumière
Une présence, dès le premier regard.
Un rideau de lumière réagit à votre mouvement. Le centre reste libre pour laisser respirer le message.
Où l’utiliser
Studios créatifs, musique, événementiel, marques nocturnes.
Notre regard
Une bonne signature de hero sombre. À utiliser derrière une promesse courte et un contact visible.
À essayer
Déplacez le pointeur. Sur téléphone, effleurez le fond sans bloquer le défilement.
Une lecture adaptée
Fond rayé fixe en mouvement réduit ou sans WebGL.
É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 class="hero" data-fx="shader-lines" data-accent="#b58cff">
<h1>Votre message</h1>
</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.