Rolagem

Velocity wave carousel

Uma ampla fileira de blocos de imagens que se movem lateralmente com a rolagem da página e ondulam em uma onda vertical que fica mais íngreme quanto mais rápido o visitante rola.

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

Como usar Velocity wave carousel

Uma ampla fileira de blocos de imagens que se movem lateralmente com a rolagem da página e ondulam em uma onda vertical que fica mais íngreme quanto mais rápido o visitante rola.

Teste a prévia com o mouse e o teclado. Verifique o foco visível e o layout em telas estreitas na sua página. Informe o número ou o identificador do componente ao seu agente de programação.

Propriedades: waveIntensity, tileCount, accentColor

Quais frameworks estão disponíveis?

O catálogo inclui estas versões: react, vue, svelte, astro, html. A prévia desta página usa React.

Como acessar a implementação?

O código, as versões, a instalação e o painel de propriedades estão incluídos no Fieldbook Pro. A prévia interativa está aberta para todos.

Conecte seu agente

Componentes relacionados

1873Parallax plate galleryRolagemUma galeria vertical onde o número de índice superdimensionado de cada placa flutua em uma taxa diferente da própria placa, com um trilho de progresso de rolagem na parte inferior.

1892Sticky zoom heroRolagemUm painel principal que permanece fixado enquanto você rola, empurrando o pano de fundo em sua direção até ficar desfocado e entregar a página ao texto abaixo.

1901Velocity marqueeRolagemDuas linhas de texto repetido que se movem em direções opostas e aceleram ou revertem com a rolagem da página e, em seguida, voltam ao ritmo base.

1843Blur fade revealRolagemConteúdo que chega fora de foco e transparente e fica mais nítido na primeira vez que é exibido, sem deslocar um único pixel.

2832Curtain scroll revealRolagemUma fileira de imagens que são reveladas por trás de uma máscara de cortina deslizante à medida que a rolagem avança, as traz à vista e é coberta novamente quando elas rolam novamente.

1855Enter view revealRolagemBlocos que deslizam e desaparecem no momento em que aparecem e se reiniciam quando saem, de modo que a revelação é reproduzida novamente a cada passagem.