Botones

Center out underline link

Un enlace de navegación cuyo subrayado crece hacia afuera desde el centro hasta ambos extremos al pasar el cursor y se retrae hasta un punto cuando el puntero se aleja.

Cómo usar Center out underline link

Un enlace de navegación cuyo subrayado crece hacia afuera desde el centro hasta ambos extremos al pasar el cursor y se retrae hasta un punto cuando el puntero se aleja.

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, thickness, offset, duration

¿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

2508Caret tail linkBotonesUn enlace de texto silencioso con un pequeño corchete en ángulo justo después de su última letra, que se desliza hacia afuera y se subraya al pasar el mouse.

2526Trailing arrows text buttonBotonesUn enlace de texto sin bordes que amplía el espacio entre letras al pasar el mouse mientras un rastro de flechas se abre en abanico hacia la derecha, cada una más lejos y más tenue que la anterior.

2729Underline sweep linkBotonesUn botón de texto simple cuya regla crece desde la izquierda al pasar el mouse y retrocede hacia la derecha al salir, con una flecha larga que se extiende hacia adelante.

2632Nudging chevron buttonBotonesUn botón silencioso y teñido con acento cuya marca de chevrón espera en el espacio negativo, luego se desliza al pasar el mouse y empuja la etiqueta hacia un lado mientras la paleta se enfría a neutrales.

2537Opposing rule text buttonBotonesUn botón de texto en mayúsculas sin bordes entre corchetes por dos reglas que barren desde extremos opuestos al pasar el cursor o enfocar y retroceden por donde vinieron.

2413Reversing bars menu buttonBotonesUn pequeño mosaico de menú cuadrado cuyas tres barras apiladas intercambian anchos al pasar el mouse mientras el mosaico en sí se desvanece de un color de relleno a otro.