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.
HTML Code
<a href="#" class="fixed bottom-4 right-4 bg-red-500 dark:bg-cyan-500 text-yellow-300 dark:text-magenta-500 p-4 rounded-full shadow-lg transform transition-transform duration-300 hover:scale-110 focus:outline-none focus:ring-4 focus:ring-red-500 dark:focus:ring-cyan-500 border-4 border-black dark:border-white z-50">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10l7-7m0 0l7 7m-7-7v18"></path>
</svg>
</a>Composants associés
Retour en haut de la page Composant du bouton
Un bouton « Retour en haut » réactif et visuellement attrayant avec une palette de couleurs triadiques, un dégradé et des transitions fluides, adapté à un site de portfolio, y compris 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.
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.