Componente Pulsanti OAuth
Un componente Web con pulsanti OAuth con uno stile di progettazione 3D, effetti reattivi, supporto per temi scuri e immagini segnaposto.
Codice HTML
<div class="flex flex-col items-center justify-center min-h-screen bg-gray-100 dark:bg-gray-900">
<h1 class="text-3xl font-bold text-gray-900 dark:text-white mb-6">Sign in with</h1>
<div class="flex space-x-4">
<a href="#" class="bg-blue-500 text-white font-semibold py-2 px-4 rounded-lg shadow-lg transform transition-all duration-300 hover:scale-105 hover:shadow-xl dark:bg-blue-700 dark:text-gray-200 flex items-center">
<img src="https://picsum.photos/20/20" alt="Google Avatar" class="rounded-full mr-2">
Google
</a>
<a href="#" class="bg-gray-800 text-white font-semibold py-2 px-4 rounded-lg shadow-lg transform transition-all duration-300 hover:scale-105 hover:shadow-xl dark:bg-gray-900 dark:text-gray-200 flex items-center">
<img src="https://picsum.photos/20/20" alt="Facebook Avatar" class="rounded-full mr-2">
Facebook
</a>
<a href="#" class="bg-red-600 text-white font-semibold py-2 px-4 rounded-lg shadow-lg transform transition-all duration-300 hover:scale-105 hover:shadow-xl dark:bg-red-700 dark:text-gray-200 flex items-center">
<img src="https://picsum.photos/20/20" alt="Twitter Avatar" class="rounded-full mr-2">
Twitter
</a>
</div>
</div>Componenti correlati
Componente Pulsanti OAuth
Un componente pulsanti OAuth reattivo con design a scheumorfismo, combinazione di colori analoga e interazioni complesse, adatto per le interfacce dei social media. Include il supporto per il tema scuro e utilizza Tailwind CSS per lo stile, senza JavaScript. Immagini tratte da Lorem Picsum e RandomUser.me.
Componente Pulsanti OAuth
Un componente di pulsanti OAuth reattivo progettato con animazioni accattivanti e colori della terra, adatto per le interfacce dei social media e che supporta temi scuri.
Componente Pulsanti OAuth
Un componente pulsanti OAuth reattivo progettato in modalità scura utilizzando Tailwind CSS, con sfondi scuri ed elementi dell'interfaccia utente ottimizzati per ambienti con scarsa illuminazione.