Retour en haut Bouton - Brutalisme
Un composant de bouton brutaliste « Back to Top » pour un portfolio, avec une palette de couleurs triadique et un design simple. Il est réactif et prend en charge le mode sombre à l’aide de Tailwind CSS.
HTML Code
<a href="#" class="fixed bottom-4 right-4 bg-red-500 text-yellow-300 border-4 border-black dark:bg-red-700 dark:text-yellow-100 dark:border-white transition-all duration-300 hover:bg-red-600 hover:text-yellow-400 dark:hover:bg-red-800 dark:hover:text-yellow-200 p-4 shadow-[8px_8px_0_0_#000] dark:shadow-[8px_8px_0_0_#fff] z-50">
<span class="font-extrabold text-xl uppercase">↑<br/>Top</span>
</a>Composants associés
Retour en haut de la page Composant du bouton
Un bouton de retour en haut réactif conçu avec des micro-interactions et des couleurs vives, adapté à une interface de tableau de bord avec prise en charge du mode sombre.
Brutalisme Retour en haut Bouton
Composant de bouton avec le style Brutalisme, la palette de couleurs triadique et la complexité complexe. Conception réactive avec prise en charge du thème sombre. Pas de JavaScript.
Neumorphe Retour en haut Bouton
Un bouton neumorphe « Back to Top » pour le e-commerce, offrant un design d’interface utilisateur subtil et doux qui se fond dans l’arrière-plan à l’aide d’ombres délicates. Il présente des couleurs analogues pour un look harmonieux, une mise en page simple et un design réactif avec prise en charge du thème sombre, idéal pour les expériences d’achat en ligne.