Retour en haut du bouton
Un bouton de retour en haut minimaliste et plat qui s’intègre dans l’interface d’un tableau de bord. Le bouton est doté d’une palette de couleurs monochromatiques et comprend des effets de survol et de mise au point pour une meilleure interactivité. Il est également réactif et prend en charge le mode sombre.
HTML Code
<div class="fixed bottom-8 right-8">
<a href="#" class="flex items-center justify-center w-12 h-12 rounded-full bg-gray-600 text-white shadow-lg transition-all ease-in-out duration-300 hover:bg-gray-500 dark:bg-gray-800 dark:hover:bg-gray-700">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4" />
</svg>
</a>
</div>Composants associés
Retour en haut de la page Composant du bouton
Un bouton de retour en haut réactif conçu avec des micro-interactions et des couleurs vives, adapté à une interface de tableau de bord avec prise en charge du mode sombre.
Retour en haut de la page Composant du bouton
Un bouton « retour en haut » pour les outils CRM/Business, conçu dans un style Bauhaus avec des couleurs à fort contraste, avec des formes géométriques et une réactivité pour toutes les tailles d’écran, y compris la prise en charge du mode sombre.
Retour en haut Bouton Minimaliste Vibrant
Un composant de bouton Retour en haut minimal et plat avec des couleurs vives, adapté à un site web de portfolio. Il inclut un design réactif et la prise en charge du mode sombre à l’aide de Tailwind CSS.