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
HTML Code
<!-- Back to Top Button Component -->
<a href="#top" class="fixed bottom-6 right-6 flex items-center justify-center w-12 h-12 bg-emerald-700 text-white rounded-full shadow-lg transform transition-transform duration-200 hover:scale-110 hover:bg-emerald-600 dark:bg-emerald-600 dark:hover:bg-emerald-500" aria-label="Back to Top">
<span class="sr-only">Back to Top</span>
<svg class="w-6 h-6" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"/>
</svg>
</a>
<!-- To enable smooth scrolling behavior across the page, add the `scroll-smooth` class to your `<html>` element: -->
<!-- <html class="scroll-smooth"> -->Composants associés
Retour en haut du bouton
Bouton de retour en haut avec design neumorphique, palette de couleurs monochromatique et prise en charge du mode sombre. Utilise Tailwind CSS.
Skeuomorphic Retour en haut du bouton
Un composant de bouton « Retour en haut » simple, réactif et seumorphe pour les plates-formes de forum/communauté, conçu avec une palette de couleurs forêt/vert et une prise en charge complète du mode sombre.
Retour en haut de la page Composant du bouton
Un simple bouton Retour en haut conçu dans un style brutaliste à l’aide de Tailwind CSS, adapté à un site web de portfolio. Il dispose d’une palette de couleurs en niveaux de gris et d’une prise en charge du thème sombre.