Retour en haut du bouton
Un simple bouton Retour en haut avec un design Glassmorphism et une palette de couleurs monochromatique pour les sites Web de commerce électronique.
HTML Code
<div class="fixed bottom-10 right-10">
<a href="#top" class="flex items-center justify-center w-12 h-12 rounded-full bg-white bg-opacity-30 backdrop-blur-md shadow-lg hover:bg-opacity-50 transition duration-300 dark:bg-gray-800 dark:bg-opacity-50 dark:hover:bg-opacity-70">
<img src="https://picsum.photos/32" alt="Back to Top" class="w-8 h-8" />
</a>
</div>Composants associés
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.
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.
Retour en haut du bouton
Un bouton Material Design Back to Top qui apparaît lorsque l’utilisateur fait défiler la page. Il comprend la prise en charge du mode sombre et un défilement fluide.