Défilement

Velocity wave carousel

Une large rangée de tuiles d'images qui dérive latéralement avec le défilement de la page et se transforme en une vague verticale qui devient de plus en plus raide à mesure que le visiteur défile rapidement.

Cascade Pass trail reel

Scroll the page to feed the wave, drag the row to scrub it.

12 frames, looping

wave 0 pxscroll 0 px/s

Utiliser Velocity wave carousel

Testez l’aperçu avec la souris et le clavier, puis vérifiez la visibilité du focus et la mise en page sur un écran étroit. Indiquez le numéro ou l’identifiant du composant à votre agent de programmation.

Propriétés: waveIntensity, tileCount, accentColor

Quels frameworks sont disponibles ?

Le catalogue propose ces versions : react, vue, svelte, astro, html. L’aperçu de cette page utilise React.

Comment accéder à l’implémentation ?

Le code, les portages, l’installation et le panneau de propriétés sont inclus dans Fieldbook Pro. L’aperçu interactif est ouvert à tous.

Connectez votre agent

Composants proches

1873Parallax plate galleryDéfilementUne galerie verticale d'accrochage où le numéro d'index surdimensionné de chaque plaque dérive à un rythme différent de celui de la plaque elle-même, avec un rail de progression à défilement le long du bas.

1892Sticky zoom heroDéfilementUn panneau de héros qui reste épinglé pendant que vous faites défiler, poussant son arrière-plan vers vous jusqu'à ce qu'il devienne flou et remette la page au texte ci-dessous.

1901Velocity marqueeDéfilementDeux rangées de texte répétitif qui dérivent dans des directions opposées et accélèrent ou inversent le défilement de la page, puis reviennent à leur rythme de base.

1843Blur fade revealDéfilementLe contenu qui arrive flou et transparent, puis s'accentue la première fois qu'il défile sans déplacer un seul pixel.

2832Curtain scroll revealDéfilementUne rangée d'images qui se découvrent chacune derrière un masque de rideau coulissant au fur et à mesure de la progression du défilement les fait apparaître et se recouvrent lorsqu'elles reculent.

1855Enter view revealDéfilementLes blocs qui glissent et s'estompent au moment où ils apparaissent et se réinitialisent une fois qu'ils partent, de sorte que la révélation se répète à chaque passage.