Botones

Hinged progress button

Un botón cuya cara gira hacia atrás al pasar el mouse, exponiendo una bandeja donde una barra de progreso llena ráfagas desiguales y se desvanece en todo su ancho.

Cómo usar Hinged progress button

Un botón cuya cara gira hacia atrás al pasar el mouse, exponiendo una bandeja donde una barra de progreso llena ráfagas desiguales y se desvanece en todo su ancho.

Prueba la vista previa con el cursor y el teclado. Comprueba el foco visible y la composición en pantallas estrechas dentro de tu página. Usa el número de ficha o el identificador cuando pidas el componente a tu agente.

Propiedades: label, accent, tilt, barDuration, depth

¿Qué frameworks están disponibles?

El catálogo incluye estas versiones: react, vue, svelte, astro, html. La vista previa de esta página utiliza React.

¿Cómo accedo a la implementación?

El código, las versiones y los comandos de instalación están disponibles en el panel superior.

Conecta tu agente

Relacionados

2687Hinged plate buttonBotonesDos placas de identificación idénticas se colocan exactamente una encima de la otra y se separan al flotar, como un par de puertas que giran en perspectiva.

1633Flip face buttonBotonesUn botón con dos caras que intercambia una por la otra en un giro tridimensional, invirtiendo su posición cuando el puntero sale.

1898Tilted deck buttonBotonesUn botón colocado en perspectiva como una llave en una plataforma inclinada, inclinándose más hacia afuera y deslizándose hacia abajo cuando se suspende y se presiona.

2068Tilted perspective buttonBotonesUna llamada a la acción redondeada que se encuentra en una perspectiva 3D permanente y se balancea hacia el puntero a medida que cruza la placa.

1661Two face flip buttonBotonesUn botón con dos caras apiladas que giran entre sí en 3D al pasar el mouse, el frente se inclina hacia un borde elegido mientras que la parte posterior se balancea para ocupar su lugar.

2625Anaglyph wobble buttonBotonesUn botón que cuelga en un lento movimiento 3D y, cuando se mantiene suspendido o enfocado, arroja duplicados cálidos y fríos de sí mismo fuera de registro con una oscilación excesiva.