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 de la page Composant du bouton
Un bouton réactif Retour en haut conçu dans un style skeuomorphe, avec prise en charge du thème sombre et effets réactifs.
Retour en haut de la page Composant du bouton
Un bouton « Retour en haut » réactif avec l’esthétique du Material Design, la palette de couleurs monochromatiques et la prise en charge du mode sombre. Il apparaît sous la forme d’un bouton d’action flottant (FAB) dans le coin inférieur droit.
Retour en haut de la page Composant du bouton
Un bouton retour en haut réactif avec un design inspiré du papier/de l’impression, utilisant une palette de couleurs noir et blanc avec un accent subtil. Adapté aux plates-formes éducatives, il inclut la prise en charge du mode sombre et une mise en page propre et accessible.