Componente CAPTCHA
Un componente CAPTCHA con un design in modalità oscura che utilizza Tailwind CSS. È reattivo e supporta temi scuri senza JavaScript, utilizzando solo CSS.
Codice HTML
<div class="flex items-center justify-center h-screen bg-gray-900">
<div class="bg-gray-800 p-6 rounded-md shadow-md">
<h2 class="text-xl font-semibold mb-4 text-white">CAPTCHA Verification</h2>
<div class="mb-4">
<img src="https://picsum.photos/200/60?random=1" alt="CAPTCHA Image" class="rounded-md">
</div>
<input type="text" class="w-full px-3 py-2 border border-gray-700 rounded-md bg-gray-900 text-white placeholder-gray-500 focus:outline-none focus:ring-blue-500 focus:border-blue-500" placeholder="Enter CAPTCHA">
<button class="mt-4 w-full bg-blue-600 text-white py-2 px-4 rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50">Verify</button>
</div>
</div>Componenti correlati
Componente CAPTCHA
Componente CAPTCHA reattivo con microinterazioni, supporto per temi scuri e immagini segnaposto casuali.
Componente CAPTCHA
Un componente CAPTCHA dal design minimalista/piatto per la presentazione del portfolio, reattivo con supporto per la modalità oscura.
Componente CAPTCHA
Un componente CAPTCHA in stile Material Design per migliorare la sicurezza di un sito web portfolio, caratterizzato da un tema scuro e un design reattivo con Tailwind CSS.