Animação

Drag tile track

Um ladrilho que você pode jogar em torno de uma pista delimitada que se inclina para o arrasto, resiste além das bordas e pára com impulso.

x 0 y 0

Como usar Drag tile track

Um ladrilho que você pode jogar em torno de uma pista delimitada que se inclina para o arrasto, resiste além das bordas e pára com impulso.

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: axis, momentum, elasticity, accent, tilt

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

1675Coiled Spring DragAnimaçãoUm ladrilho arrastável preso ao seu local de origem por uma bobina esticada que se estica e afina conforme você puxa, e então puxa o ladrilho para trás quando você o solta.

1797Press and hover scale tileAnimaçãoUm ladrilho que incha ao pairar e se comprime ao pressionar, com a imprensa sempre superando o hover e ambos resolvidos a partir de uma mola para que os gestos nunca briguem.

2218Rubber sheet panelAnimaçãoUm painel que se comporta como uma borracha esticada: o ponteiro o agarra, os pontos vizinhos se arrastam e, ao soltá-lo, ele volta com uma oscilação.

2127Compass bar gridAnimaçãoUma grade de barras curtas que giram para apontar para o ponteiro, de modo que o campo pareça uma limalha de ferro encontrando um ímã.

2155Focus LensAnimaçãoUma forma delineada que permanece suave e fora de foco em todos os lugares, exceto em um pequeno círculo que segue o ponteiro, onde fica nítido.

2159Gooey blob fieldAnimaçãoUm campo de bolhas suaves que orbitam caminhos semeados e se fundem na aproximação, com uma bolha extra que segue o ponteiro.