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
Responsive Buttons-Komponente mit Unterstützung für Materialdesign, triadisches Farbschema und dunkles Design.
Neumorphic Buttons-Komponente
Eine Schaltflächenkomponente mit einem neumorphen Designstil mit responsiven Effekten und Unterstützung für dunkle Designs unter Verwendung von Tailwind CSS.
Buttons-Komponente
Skeuomorphism Analogous Complex Dashboard Buttons Component mit responsivem Design und Unterstützung für dunkle Themen.