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.
HTML Code
<button class="fixed bottom-5 right-5 bg-black text-lime-400 border-4 border-lime-400 p-4 text-xl font-bold uppercase transition-all duration-300 hover:bg-lime-400 hover:text-black dark:bg-lime-400 dark:text-black dark:border-black dark:hover:bg-black dark:hover:text-lime-400">
TOP
</button>Composants associés
Retour en haut du bouton
Un composant de bouton Retour en haut de la page pour les sites Web de commerce électronique, utilisant une palette de couleurs en niveaux de gris et un design réactif avec prise en charge du thème 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.
Retour en haut du bouton
Un bouton simple et élégant de retour en haut qui apparaît fixe dans le coin inférieur droit de l’écran. Dispose d’une palette de couleurs pastel subtile et de micro-interactions fluides. Le bouton comprend un design réactif avec prise en charge intégrée du mode sombre. Lorsqu’il est survolé, le bouton s’agrandit doucement et change de couleur d’arrière-plan pour fournir un retour visuel. Le composant utilise uniquement les classes CSS Tailwind, sans JavaScript requis.