Glassmorphism Suivre le bouton
Un bouton de suivi réactif avec le design Glassmorphism, la prise en charge du mode sombre, utilisant Tailwind CSS.
HTML Code
<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>Composants associés
Composant du bouton de suivi cyberpunk
Il s’agit d’un composant de bouton « Suivre » complexe, sur le thème du cyberpunk, pour les outils CRM/professionnels, avec une palette de couleurs forêt/vert, des arrière-plans sombres et des accents néon brillants, avec une réactivité totale et une prise en charge du mode sombre.
BrutalisteFollowButton
Un bouton de suivi brutaliste avec prise en charge du mode réactif et sombre.
Composant Suivre le bouton
Un composant de bouton « Suivre » réactif avec une palette de couleurs bonbon/doux, conçu pour les sites d’emploi et les plateformes de carrière, avec prise en charge du mode sombre.