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 vintage retrò
Un semplice componente CAPTCHA progettato con un'estetica retrò nostalgica, combinazione di colori vivaci, adatto per siti Web aziendali e aziendali, con supporto per la modalità oscura.
Componente CAPTCHA Bauhaus
Un componente CAPTCHA semplice e funzionale in stile Bauhaus per siti di documentazione/wiki, caratterizzato da forme geometriche, contrasto elevato, reattività completa e supporto per la modalità oscura.
Componente CAPTCHA
Un componente CAPTCHA reattivo ispirato al Material Design con supporto per la modalità oscura, utilizzando Tailwind CSS.