Botón de seguimiento de glassmorphism
Un botón de seguimiento responsivo con diseño de Glassmorphism, soporte de modo oscuro, usando Tailwind CSS.
Código HTML
<template>
<button class="relative inline-flex items-center justify-center p-0.5 mb-2 me-2 overflow-hidden text-sm font-medium text-gray-900 rounded-lg group bg-gradient-to-br from-purple-600 to-blue-500 group-hover:from-purple-600 group-hover:to-blue-500 hover:text-white dark:text-white focus:ring-4 focus:outline-none focus:ring-blue-300 dark:focus:ring-blue-800">
<span class="relative px-5 py-2.5 transition-all ease-in duration-75 bg-white dark:bg-gray-900 rounded-md group-hover:bg-opacity-0 backdrop-filter backdrop-blur-lg bg-opacity-20">
Follow
</span>
</button>
</template>Componentes relacionados
Botón de seguimiento de glassmorphism
Componente de botón de seguimiento de Glassmorphism para redes sociales con tema oscuro
Componente del botón Seguir
Un componente de botón de seguimiento responsivo diseñado con los principios de Material Design, con soporte para el modo oscuro y estilos personalizados con Tailwind CSS.
Componente del botón Seguir
Un componente complejo de botón de seguimiento inspirado en papel / impresión para sitios web de juegos, con un diseño monocromático en blanco y negro con un color de acento brillante, optimizado para la capacidad de respuesta y el modo oscuro.