Efectos de texto

Circular hover speed ring

Una frase gira lentamente alrededor de un círculo hasta que llega el puntero, luego gira rápidamente y crece ligeramente antes de retroceder una vez que el puntero se va.

resting · 16s/turnfast · 3s/turn

bring a pointer near the ring, or tap it on touch

Cómo usar Circular hover speed ring

Una frase gira lentamente alrededor de un círculo hasta que llega el puntero, luego gira rápidamente y crece ligeramente antes de retroceder una vez que el puntero se va.

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: text, restSeconds, hoverSeconds, accent

¿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

2367Hover speed text ringEfectos de textoUna frase situada en un anillo de letras orientadas hacia afuera que gira suavemente en reposo y cambia dramáticamente de velocidad mientras el puntero lo suspende.

2238Spinning text ringEfectos de textoUna frase corta repetida escrita letra por letra alrededor de un círculo que gira constantemente en su lugar, como el borde de una moneda o el sello de un sello.

2301Ascii Art HeadingEfectos de textoUna palabra grande se representa como un mosaico de caracteres monoespaciados cuya densidad imita las formas de las letras, ondulándose e inclinándose suavemente hacia el puntero.

2817Physics drop textEfectos de textoUna oración se divide en palabras que caen, dan vueltas y rebotan bajo una gravedad simulada, luego se asientan y pueden moverse con el puntero.

2217Rotating badge textEfectos de textoUna frase corta que se repite se organiza letra por letra alrededor de un círculo completo y gira lenta y continuamente, como una insignia estampada o una etiqueta de vinilo.

1915Aurora glow headingEfectos de textoUn título donde una palabra lleva un relleno degradado multicolor que se desplaza lentamente recortado en las formas de las letras, como la luz de una aurora que brilla detrás del tipo.