Buttons-Komponente
Eine minimalistische Schaltflächenkomponente, die für ein Portfolio entwickelt wurde, in dem Arbeiten oder Produkte vorgestellt werden, mit leuchtenden Farben und responsivem Design mit Unterstützung für dunkle Themen unter Verwendung von Tailwind CSS.
HTML-Code
<div class="flex flex-col items-center justify-center h-screen bg-white dark:bg-gray-900 p-4">
<h1 class="text-2xl font-bold text-gray-800 dark:text-white mb-6">Portfolio Buttons</h1>
<div class="space-y-4">
<a href="#" class="inline-flex items-center justify-center px-6 py-3 text-lg font-medium text-white bg-red-500 rounded hover:bg-red-600 dark:bg-red-700 dark:hover:bg-red-600 transition duration-200">View Projects</a>
<a href="#" class="inline-flex items-center justify-center px-6 py-3 text-lg font-medium text-white bg-green-500 rounded hover:bg-green-600 dark:bg-green-700 dark:hover:bg-green-600 transition duration-200">Contact Me</a>
<a href="#" class="inline-flex items-center justify-center px-6 py-3 text-lg font-medium text-white bg-blue-500 rounded hover:bg-blue-600 dark:bg-blue-700 dark:hover:bg-blue-600 transition duration-200">Download CV</a>
</div>
</div>Verwandte Komponenten
Buttons-Komponente
Eine minimalistische/flache Design-Schaltflächenkomponente mit einem Graustufen-Farbschema. Es eignet sich für Business-/Unternehmenswebsites und hat eine moderate Komplexität mit einigen interaktiven Funktionen. Es ist reaktionsschnell und unterstützt dunkles Theme mit Tailwind CSS.
Buttons-Komponente
Eine minimalistische Schaltflächenkomponente, die mit Tailwind CSS entwickelt wurde, mit responsiven Effekten und Unterstützung für dunkle Themen.
Komponente "Material Design-Schaltflächen"
Material Design Buttons Komponente in Erdtönen für Social Media