Componente Pulsanti
Un componente di pulsanti minimalista progettato per un portfolio che mostra lavori o prodotti, caratterizzato da colori vivaci e design reattivo con supporto per temi scuri utilizzando Tailwind CSS.
Codice HTML
<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>Componenti correlati
Componente Pulsanti Glassmorphism
Un componente pulsante Glassmorphism semplice e reattivo con colori pastello e supporto per la modalità oscura utilizzando Tailwind CSS.
Componente Pulsanti
Componente pulsanti reattivi con Material Design, combinazione di colori triadica e supporto per temi scuri.
Componente Pulsanti
Un componente pulsante a tema retrò-vintage con combinazione di colori triadica, complessità semplice e design reattivo con supporto per la modalità oscura, adatto per un blog o un sito Web di contenuti.