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 du bouton
Un composant de bouton réactif de retour en haut conçu avec un effet de glassmorphism, adapté aux sites Web d’entreprise professionnels. Il présente une mise en page simple avec un minimum d’éléments et fonctionne bien dans les thèmes clairs et sombres.
Brutaliste Retour en haut Bouton
Un bouton brutaliste de retour en haut en Tailwind CSS, avec un contraste élevé, une typographie audacieuse et des bords nets. Comprend un dimensionnement réactif et la prise en charge du mode sombre.
Retour en haut de la page Composant du bouton
Un composant de bouton Retour en haut de style brutaliste utilisant Tailwind CSS. Ce composant a un design audacieux et contrasté et prend en charge les effets réactifs et le thème sombre.