Componente CAPTCHA in modalità oscura
Un componente CAPTCHA progettato per l'interfaccia utente in modalità oscura con effetti reattivi e supporto per temi scuri.
Codice HTML
<div class="bg-gray-800 text-white p-6 rounded-lg shadow-lg max-w-md mx-auto">
<h2 class="text-lg font-semibold mb-4">Verify You're Human</h2>
<div class="flex items-center mb-4">
<img src="https://picsum.photos/50/50" alt="Random Image" class="w-12 h-12 rounded-full mr-3" />
<span class="flex-1 text-sm">Please identify the image below:</span>
</div>
<div class="mb-4">
<img src="https://picsum.photos/250/150" alt="CAPTCHA Image" class="w-full h-auto rounded-md" />
</div>
<div class="flex space-x-4">
<button class="bg-blue-600 hover:bg-blue-500 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline">Verify</button>
<button class="bg-gray-500 hover:bg-gray-400 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline">Refresh</button>
</div>
</div>Componenti correlati
Componente CAPTCHA brutalista
Un componente CAPTCHA progettato in stile brutalista, con contrasto elevato, layout insoliti ed effetti reattivi con supporto per temi scuri.
CAPTCHA minimalista
Un componente CAPTCHA reattivo con supporto per la modalità oscura, caratterizzato da un design minimalista con colori pastello. Include una semplice casella di controllo e un segnaposto per il testo.
Componente CAPTCHA complesso
Un componente CAPTCHA complesso per applicazioni di social media con modalità oscura e colori vivaci.