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.
HTML Code
<div class="flex items-center justify-center p-4 bg-gray-100 dark:bg-gray-900 min-h-screen">
<button class="flex items-center justify-center space-x-2 px-6 py-3 rounded-full text-lg font-semibold text-white transition-all duration-300 ease-in-out
bg-gradient-to-r from-pink-500 via-purple-500 to-indigo-500
hover:from-pink-600 hover:via-purple-600 hover:to-indigo-600
focus:outline-none focus:ring-4 focus:ring-pink-300 dark:focus:ring-pink-800
shadow-lg shadow-pink-300/50 dark:shadow-pink-800/50
active:scale-95
dark:text-gray-100 dark:bg-gradient-to-r dark:from-pink-700 dark:via-purple-700 dark:to-indigo-700
dark:hover:from-pink-800 dark:hover:via-purple-800 dark:hover:to-indigo-800
dark:focus:ring-pink-600
">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 9v3m0 0v3m0-3h3m-3 0h-3m-2-5a4 4 0 11-8 0 4 4 0 018 0zM3 20a6 6 0 0112 0v1H3v-1z"></path>
</svg>
<span>Follow Now</span>
</button>
</div>Composants associés
Bouton Suivre
Composant de bouton de suivi de l’interface utilisateur en mode sombre avec effets réactifs et prise en charge du thème sombre.
Composant Suivre le bouton
Il s’agit d’un composant de bouton de suivi complexe, inspiré du papier/de l’impression, pour les sites Web de jeux, doté d’un design monochrome en noir et blanc avec une couleur d’accent vive, optimisé pour la réactivité et le mode sombre.
Bouton de suivi de la conception matérielle
Un composant de bouton de suivi Material Design réactif et monochrome pour les blogs, avec prise en charge du mode sombre.