Retour en haut du bouton
Un composant de bouton Retour en haut de la page pour les sites Web de commerce électronique, utilisant une palette de couleurs en niveaux de gris et un design réactif avec prise en charge du thème sombre.
HTML Code
<div class="fixed bottom-5 right-5 z-50">
<button class="bg-gray-800 text-white rounded-full p-3 shadow-md hover:bg-gray-700 dark:bg-gray-300 dark:text-gray-800 dark:hover:bg-gray-400 transition-all duration-200">
<svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-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>
</button>
</div>Composants associés
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.
Bouton retour en haut
Un composant de bouton Retour en haut avec des micro-interactions, une palette de couleurs de terre, une mise en page simple pour les sites Web d’entreprise ; conception réactive avec prise en charge du mode sombre à l’aide de Tailwind CSS
Retour en haut de la page Composant du bouton
Un bouton « Retour en haut » réactif avec des animations axées sur la micro-interaction, une palette de couleurs triadique et une prise en charge du thème sombre, adapté à un portfolio.