Retour en haut du bouton
Bouton Retour en haut pour le commerce électronique, avec un design vibrant en mode sombre.
HTML Code
<div class="fixed bottom-4 right-4 z-50">
<a href="#" class="bg-purple-600 dark:bg-purple-800 text-white dark:text-purple-200 p-4 rounded-full shadow-lg transition-all duration-300 transform hover:scale-110 focus:outline-none focus:ring-4 focus:ring-purple-500 focus:ring-opacity-50">
<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="M5 10l7-7m0 0l7 7m-7-7v18"></path>
</svg>
</a>
</div>Composants associés
Retour en haut Composant du bouton - Brutalism Earth Tones
Un composant complexe de bouton « Back to Top » conçu dans un style brutaliste avec une palette de couleurs terreuses, adapté aux sites de blogs/contenus. Il est réactif et inclut la prise en charge du mode sombre.
Retour en haut de la page Composant du bouton
Un composant de bouton « Retour en haut » réactif conçu pour le commerce électronique, avec une palette de couleurs vives sur un fond sombre. Il comprend un effet de survol subtil et assure une visibilité sur toutes les tailles d’écran avec la prise en charge du mode sombre.
Glassmorphism arc-en-ciel Retour en haut Bouton pour l’agriculture
Un composant de bouton « Retour en haut » complexe et réactif avec un design en verre et un dégradé arc-en-ciel, conçu pour les sites Web agricoles. Dispose d’effets de flou et de prise en charge du mode sombre.