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 de la page Composant du bouton
Un composant de bouton Back to Top minimaliste et plat pour les tableaux de bord, avec une palette de couleurs monochromatiques. Il est modérément complexe avec des fonctionnalités interactives, un design réactif et une prise en charge du thème sombre, construit uniquement avec HTML et Tailwind CSS.
Retour en haut de la page Composant du bouton
Un bouton réactif « Retour en haut » avec un design artistique à l’aquarelle, une palette de couleurs d’automne et une prise en charge du mode sombre, adapté aux sites de blog/contenu.
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